侧边栏悬停广告效果,百度联盟广告中悬停广告js与css代码

毒药      234阅读

侧边栏悬停广告效果,类似百度联盟广告的悬停效果代码如下:
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>

   234阅读
目前尚无回复
登录 后发表评论