最新消息:我来了,你来了吗

网站两侧浮动广告代码(随网页上下移动)

心得摘录 百味人生 3046浏览 0评论

发现网上很多共享的左右两侧浮动广告并不能随网页上下浮动,因此共享一个真正能随着上下浮动的。

将下面的代码放入<body></body>中

<!–此处开始为两侧漂浮广告代码–>
<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(“lovexin12″).style.top=parseInt(document.getElementById(“lovexin12″).style.top)+percent+”px”;
document.getElementById(“lovexin14″).style.top=parseInt(document.getElementById(“lovexin12″).style.top)+percent+”px”;

lastScrollY=lastScrollY+percent;
//alert(lastScrollY);
}
suspendcode12=”<DIV id=\”lovexin12\” style=’left:0px;PosITION:absolute;TOP:0px;’><a href=http://# target=_blank><img src=images/left.gif   border=0></a></div>”    //注意修改图片路径
suspendcode14=”<DIV id=\”lovexin14\” style=’right:0px;PosITION:absolute;TOP:0px;’><a href=http://# target=_blank><img src=images/right.gif   border=0></a></div>”  //注意修改图片路径

document.write(suspendcode12);
document.write(suspendcode14);
window.setInterval(“heartBeat()”,1);

</script>
<!– 此处往上为两侧浮动广告代码–>

就是这样,加进去就可以实现网站两个广告左右浮动的效果。

摘自无聊的BO客:http://www.tspengpeng.com/blog/?p=234

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (1)

  1. 这个对以后挂广告蛮有用处的 嘿嘿
    心淡若水 China Unknow Browser Unknow Os 7年前 (2011-08-08)回复