 
<!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è)這句就可以居中吧 

//實(shí)際上的 各大瀏覽器只認(rèn)識(shí)下面這if判斷 
if(navigator.appVersion.indexOf("MSIE 6")> -1){ 
oDiv.style.top = parseInt(sTop + mid) + "px"; 
}else{ 
oDiv.style.top =mid + "px"; 
} 
} 

您可能感興趣的文章:

div居中

相關(guān)文章

Bootstrap輪播插件使用代碼
這篇文章主要為大家詳細(xì)介紹了Bootstrap輪播插件使用代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
用javascript為頁(yè)面添加天氣顯示實(shí)現(xiàn)思路及代碼
為頁(yè)面添加天氣顯示的方法有很多，在本文為大家介紹下使用js來(lái)輕松實(shí)現(xiàn)，具體的代碼如下，感興趣的朋友不要錯(cuò)過(guò)
2013-12-12
javascript相關(guān)事件的幾個(gè)概念
對(duì)于事件來(lái)講，首先，我們需要了解這樣幾個(gè)概念：事件；事件處理程序；事件類型；事件流；事件冒泡；事件捕獲；事件對(duì)象；事件方面的性能優(yōu)化（事件委托、移除事件處理程序）；常見(jiàn)的瀏覽器兼容問(wèn)題。
2015-05-05
Javascript中typeof 用法小結(jié)
JavaScript中的typeof其實(shí)非常復(fù)雜,他有六種返回的數(shù)據(jù)類型，它可以用來(lái)做很多事情,但同時(shí)也有很多怪異的表現(xiàn).本文列舉出了它的多個(gè)用法,有需要的小伙伴可以參考下。
2015-05-05
每天一篇javascript學(xué)習(xí)小結(jié)（屬性定義方法）
這篇文章主要介紹了javascript中的屬性定義方法知識(shí)點(diǎn)，對(duì)屬性定義方法的基本使用方法，以及各種方法進(jìn)行整理，感興趣的小伙伴們可以參考一下
2015-11-11
微信小程序開(kāi)發(fā)實(shí)現(xiàn)輪播圖
這篇文章主要為大家詳細(xì)介紹了微信小程序開(kāi)發(fā)實(shí)現(xiàn)輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-06-06
微信小程序登錄數(shù)據(jù)解密及狀態(tài)維持實(shí)例詳解
這篇文章主要介紹了微信小程序登錄數(shù)據(jù)解密及狀態(tài)維持,結(jié)合實(shí)例形式分析了微信小程序解密敏感信息及獲取session保持登陸狀態(tài)的相關(guān)操作技巧,需要的朋友可以參考下
2019-05-05
模擬用戶點(diǎn)擊彈出新頁(yè)面不會(huì)被瀏覽器攔截
window.open被瀏覽器攔截導(dǎo)致頁(yè)面無(wú)法彈出，a標(biāo)簽的彈出就不會(huì)被瀏覽器攔截，下面有個(gè)不錯(cuò)的示例，大家可以學(xué)習(xí)下
2014-04-04
js實(shí)時(shí)獲取并顯示當(dāng)前時(shí)間的方法
這篇文章主要介紹了js實(shí)時(shí)獲取并顯示當(dāng)前時(shí)間的方法,涉及javascript針對(duì)時(shí)間及頁(yè)面元素的相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-07-07
Swiper 4.x 使用方法(移動(dòng)端網(wǎng)站的內(nèi)容觸摸滑動(dòng))
Swiper是純javascript打造的滑動(dòng)特效插件，面向手機(jī)、平板電腦等移動(dòng)終端，這里為大家簡(jiǎn)單介紹一下Swiper4的用法,需要的朋友可以參考下
2018-05-05