侧边栏悬停广告效果,百度联盟广告中悬停广告js与css代码
毒药 623阅读
侧边栏悬停广告效果,类似百度联盟广告的悬停效果代码如下:
1.CSS部分:
/*侧栏跟随*/
#addbox{float:left; position:relative;width:350px;}.div1{width:350px;}.div2{position:fixed;_position:absolute;top:0;z-index:350;}
div1的宽度根据你网页的侧边栏宽度自行调整,这段放入你的样式表即可
2、js部分
//侧栏跟随
(function(){
var oDiv=document.getElementById("float");
var H=0,iE6;
var Y=oDiv;
while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
iE6=window.ActiveXObject&&!window.XMLHttpRequest;
if(!iE6){
window.onscroll=function()
{
var s=document.body.scrollTop||document.documentElement.scrollTop;
if(s>H){oDiv.className="div1 div2";if(iE6){oDiv.style.top=(s-H)+"px";}}
else{oDiv.className="div1";}
};
}
})();
这部分放入</body>前即可
3、网页代码部分
<div id="addbox">
<div id="float" class="div1">
这里是你网站的代码或者图片或者你要放入的任何内容。
</div>
</div>
623阅读
目前尚无回复
请 登录 后发表评论