
网站漂浮广告代码怎么写
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浮动层代码
我看了你说的“暴走漫画”网页右边的那个聊天室浮动的效果,实现那个效果不需要两个一模一样的浮动层,一个就够啦。他是根据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;
}
}
}
显示的内容