婚礼策划网 加入收藏  -  设为首页
您的位置:婚礼策划网 > 知识百科 > 正文
网站漂浮广告代码怎么写
网站漂浮广告代码怎么写
提示:

网站漂浮广告代码怎么写


function hidead()
{document.getElementById("ad").style.display="none";}


关闭广告×

var x = 80,y = 80
var xin = true, yin = true
var step = 1
var delay = 1
var obj=document.getElementById("ad")
function floatAD() {
var L=T=0
var R= document.body.clientWidth-obj.offsetWidth
var B = document.body.clientHeight-obj.offsetHeight
obj.style.left = x + document.body.scrollLeft
obj.style.top = y + document.body.scrollTop
x = x + step*(xin?1:-1)
if (x < L) { xin = true; x = L}
if (x > R){ xin = false; x = R}
y = y + step*(yin?1:-1)
if (y < T) { yin = true; y = T }
if (y > B) { yin = false; y = B }
}
var itl= setInterval("floatAD()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}

求一段html浮动层代码
提示:

求一段html浮动层代码

我看了你说的“暴走漫画”网页右边的那个聊天室浮动的效果,实现那个效果不需要两个一模一样的浮动层,一个就够啦。他是根据JS来判断滚动条的位置,当滚动条大于等于某个值时,该层变成固定定位,当小于这个值时,变为相对定位。代码如下:





fix


body{height:6000px;}
*{margin:0px; padding:0px;}
#fix{width:500px; height:200px; margin:1200px 0 0 800px; border:2px solid #eee; text-align:center; line-height:200px; font-size:20px; font-weight:bold; color:#999;}





window.onload = function (){

var oFix = document.getElementById('fix');

window.onscroll = function (){

if(document.documentElement.scrollTop >= 1200){

oFix.style.position = 'absolute';

oFix.style.marginTop = '0px';

oFix.style.top = document.documentElement.scrollTop + 'px';


}else{

oFix.style.marginTop = '1200px';

oFix.style.position = 'relative';

oFix.style.top = 0;

}

}

}




显示的内容