javaScript飘浮广告问题

zhangCbrother zhangCbrother 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
javaScript代码:
<script language="javascript">
var x=50,y=60
var xin=true,yin=true
var step=1;
var delay=10



/*
功能:层跟滚动条移动
参数:mscrollid:层id
*/
var initop1=0;
function init()
{
initop1=document.getElementById("mscroll").style.pixelTop; //获取div初始值
}

function move()
{
document.getElementById("mscroll").style.pixelTop=initop1+document.body.scrollTop;//scrollTop获取滚动条的数据
}

window.onscroll=move;

/*
功能:层的乱移动
参数:floatid:移动层id
*/
var obj= document.getElementById("float")
function chengefloat()
{

var L=T=0; //L左边界,T上边界
var r=document.body.offsetWidth- document.getElementById("float").offsetWidth;//层右边界移动

var scrollTop123=document.body.scrollTop;//使下面界跟着滚动条移动
var b=document.body.offsetHeight- document.getElementById("float").offsetHeight;//层上边界移动,用于div到上边界是听下来 跟他移动无关。上边界-div的上边界

document.getElementById("float").style.left=x+document.body.scrollLeft
document.getElementById("float").style.top=y+scrollTop123
x=x+step*(xin?1:-1);//x 是div与网页上边界层之间的距离。
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)
{
alert(b)
yin=false;
y=b;
}


}


var itl= setInterval("chengefloat()", delay)
document.getElementById("float").onmouseover=function(){clearInterval(itl)}
document.getElementById("float").onmouseout=function(){itl=setInterval("chengefloat()", delay)}

</script>
</HEAD>
<BODY onLoad="init()">


<!--随机漂浮广告开始-->
<DIV id="float" style="position:absolute;z-index:3;"><a href=http://www.119sky.com target="_blank"><IMG src="images/float.gif" width="80" height="52" border="0"></a></DIV>


问题是这个飘浮的dIv为什么鼠标以上去是不能让这个飘浮广告DIV停下来呢?
我这里都做了ocument.getElementById("float").onmouseover=function(){clearInterval(itl)}
document.getElementById("float").onmouseout=function(){itl=setInterval("chengefloat()", delay)}
让那个DIV停下来了呀!
实在在不出答应!!请大家帮忙找找!!!
...全文

相关推荐

评论
收藏 已收藏
分享
返回顶部
zhangCbrother
.NET社区 62,271 成员 668,968 内容