qq懸浮代碼(兼容各個(gè)瀏覽器)
<script language="JavaScript" type="text/javascript">
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("ad_left").style.top=parseInt(document.getElementById
("ad_left").style.top)+percent+"px";
document.getElementById("ad_right").style.top=parseInt(document.getElementById
("ad_left").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
//alert(lastScrollY);
}
function hidead(num)
{
showad = false;
if(num==1)
document.getElementById("ad_left").style.display="none";
else if(num==2)
document.getElementById("ad_right").style.display="none";
}
var ClosebuttonHtml1 = '<div style="position: absolute;bottom:0px;right:25px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:void(0);" onclick="hidead(1)" style="color:#ffffff;text-decoration:none;font-size:12px;">關(guān)閉</a></div>';
var ClosebuttonHtml2 = '<div style="position: absolute;bottom:0px;right:25px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:void(1);" onclick="hidead(2)" style="color:#ffffff;text-decoration:none;font-size:12px;">關(guān)閉</a></div>';
ad1="<div id=/"ad_left/" style='right:10px;POSITION:absolute;TOP:160px;'></div>"
ad2="<DIV id=/"ad_right/" style='right:10px;POSITION:absolute;TOP:160px;'><br><a href='tencent://message/?uin=758541860&Menu=yes'><img height='120' src='../images/qq.gif' border='0' width='110'></a></div>";
document.write(ad1);
document.write(ad2);
window.setInterval("heartBeat()",1);
</script>
相關(guān)文章
純javascript移動(dòng)優(yōu)先的幻燈片效果
這篇文章主要介紹了純javascript實(shí)現(xiàn)移動(dòng)優(yōu)先的幻燈片效果，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了防止頁面url緩存中ajax中post請求的處理方式的相關(guān)資料,希望通過本文能幫助到大家，需要的朋友可以參考下2017-10-10
使用?JavaScript?Promise?讀取?Github?用戶數(shù)據(jù)
這篇文章主要介紹了使用JavaScript?Promise讀取Github用戶數(shù)據(jù)，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)星級評分，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要介紹了JS ES6異步解決方案，對異步感興趣的同學(xué)，可以參考下2021-04-04
JavaScript實(shí)現(xiàn)刪除,移動(dòng)和復(fù)制文件的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)刪除,移動(dòng)和復(fù)制文件的方法,涉及javascript使用ActiveXObject控件操作文件的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
原生Js實(shí)現(xiàn)元素漸隱/漸現(xiàn)(原理為修改元素的css透明度)
大家經(jīng)?？吹骄W(wǎng)頁里圖片漸變顯示，自己寫一個(gè)。原理很簡單就是修改元素的css透明度，具體實(shí)現(xiàn)代碼如下，感興趣的各位可以參考下哈，希望對大家有所幫助2013-06-06
如 TypeScript 官方文檔所說，枚舉類型是對 JavaScript 標(biāo)準(zhǔn)數(shù)據(jù)類型集的擴(kuò)充,所以下面這篇文章主要給大家介紹了關(guān)于TypeScript中枚舉類型的理解與應(yīng)用場景的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-09-09
簡單的兩種Extjs formpanel加載數(shù)據(jù)的方式
這篇文章介紹了兩種Extjs formpanel加載數(shù)據(jù)的方式，有需要的朋友可以參考一下2013-11-11
這篇文章主要為大家詳細(xì)介紹了Bootstrap CSS組件之按鈕下拉菜單，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12