DIV始終居中的js代碼
更新時間：2014年02月17日 17:06:48 作者：
這篇文章主要介紹了DIV始終居中的js代碼,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<!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"; //理論上應(yīng)該只設(shè)這句就可以居中吧
//實際上的 各大瀏覽器只認識下面這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)右下角可關(guā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)容的方法
相關(guān)文章
JavaScript中本地存儲(LocalStorage)和會話存儲(SessionStorage)的使用
本地存儲和會話存儲是比較常用的方法，你知道兩者的區(qū)別嗎，本文詳細的介紹了JavaScript中本地存儲(LocalStorage)和會話存儲(SessionStorage)的使用，具有一定的參考價值，感興趣的可以了解一下2022-03-03
JavaScript DSL 流暢接口(使用鏈式調(diào)用)實例
這篇文章主要介紹了JavaScript DSL 流暢接口(使用鏈式調(diào)用)實例,本文講解了DSL 流暢接口、DSL 表達式生成器等內(nèi)容,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)雙層嵌套菜單欄，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
將兩個div左右并列顯示并實現(xiàn)點擊標題切換內(nèi)容
將兩個div左右并列顯示并實現(xiàn)點擊標題切換內(nèi)容的效果，接下來為大家詳細介紹下js中時如何實現(xiàn)的，感興趣的朋友不要錯過2013-10-10
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)手風琴折疊面板，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
JavaWeb表單及時驗證功能在輸入后立即驗證(含用戶類型,性別,愛好...的驗證)
最近做項目遇到表單在輸入后立即驗證，而不是提交后再驗證，在網(wǎng)上找了下資料，沒有合適的，于是我自己動手寫了一個，分享到腳本之家平臺，供大家參考2017-06-06
用js實現(xiàn)的一個根據(jù)內(nèi)容自動生成表格的函數(shù)
用js實現(xiàn)的一個根據(jù)內(nèi)容自動生成表格的函數(shù)...2007-08-08
bootstrapValidator.min.js表單驗證插件
這篇文章主要為大家詳細介紹了bootstrapValidator.min.js表單驗證插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了詳解javascript 變量提升(Hoisting),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
下面小編就為大家?guī)硪黄獪\談JS驗證表單文本域輸入空格的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02