DIV始終居中的js代碼
更新時間：2014年02月17日 17:06:48 作者：
這篇文章主要介紹了DIV始終居中的js代碼,需要的朋友可以參考下
復制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>側(cè)邊欄廣告</title>
<style type="text/css">
#show { width:100px; height:80px; background:#0f0; position:fixed; _position:absolute; right:0px; top:0px;}
</style>
<script type="text/javascript">
window.onscroll = window.onresize = window.onload = function(){
var oDiv = document.getElementById("show");
var sTop = document.documentElement.scrollTop || document.body.scrollTop;
var cHeight= document.documentElement.clientHeight || document.body.clientHeight;
var mid = (cHeight - oDiv.offsetHeight) / 2;
// oDiv.style.top = parseInt(sTop + mid) + "px"; //理論上應該只設這句就可以居中吧
//實際上的 各大瀏覽器只認識下面這if判斷
if(navigator.appVersion.indexOf("MSIE 6")> -1){
oDiv.style.top = parseInt(sTop + mid) + "px";
}else{
oDiv.style.top =mid + "px";
}
}
您可能感興趣的文章:
- js加載讀取內(nèi)容及顯示與隱藏div示例
- js innerHTML 改變div內(nèi)容的方法
- js實現(xiàn)右下角可關閉最小化div(可用于展示推薦內(nèi)容)
- js分頁顯示div的內(nèi)容
- js實現(xiàn)div彈出層的方法
- js防止DIV布局滾動時閃動的解決方法
- js使用循環(huán)清空某個div中的input標簽值
- js不能獲取隱藏的div的寬度只能先顯示后獲取
- js實現(xiàn)的點擊div區(qū)域外隱藏div區(qū)域
- js實現(xiàn)div閃爍原理及實現(xiàn)代碼
- JS實現(xiàn)div居中示例
- js通過八個點 拖動改變div大小的實現(xiàn)方法
- JS在可編輯的div中的光標位置插入內(nèi)容的方法
相關文章
這篇文章主要為大家詳細介紹了Bootstrap輪播插件使用代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
用javascript為頁面添加天氣顯示實現(xiàn)思路及代碼
為頁面添加天氣顯示的方法有很多，在本文為大家介紹下使用js來輕松實現(xiàn)，具體的代碼如下，感興趣的朋友不要錯過2013-12-12
對于事件來講，首先，我們需要了解這樣幾個概念：事件；事件處理程序；事件類型；事件流；事件冒泡；事件捕獲；事件對象；事件方面的性能優(yōu)化（事件委托、移除事件處理程序）；常見的瀏覽器兼容問題。2015-05-05
JavaScript中的typeof其實非常復雜,他有六種返回的數(shù)據(jù)類型，它可以用來做很多事情,但同時也有很多怪異的表現(xiàn).本文列舉出了它的多個用法,有需要的小伙伴可以參考下。2015-05-05
這篇文章主要介紹了javascript中的屬性定義方法知識點，對屬性定義方法的基本使用方法，以及各種方法進行整理，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要為大家詳細介紹了微信小程序開發(fā)實現(xiàn)輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
微信小程序登錄數(shù)據(jù)解密及狀態(tài)維持實例詳解
這篇文章主要介紹了微信小程序登錄數(shù)據(jù)解密及狀態(tài)維持,結合實例形式分析了微信小程序解密敏感信息及獲取session保持登陸狀態(tài)的相關操作技巧,需要的朋友可以參考下2019-05-05
window.open被瀏覽器攔截導致頁面無法彈出，a標簽的彈出就不會被瀏覽器攔截，下面有個不錯的示例，大家可以學習下2014-04-04
這篇文章主要介紹了js實時獲取并顯示當前時間的方法,涉及javascript針對時間及頁面元素的相關操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
Swiper 4.x 使用方法(移動端網(wǎng)站的內(nèi)容觸摸滑動)
Swiper是純javascript打造的滑動特效插件，面向手機、平板電腦等移動終端，這里為大家簡單介紹一下Swiper4的用法,需要的朋友可以參考下2018-05-05