javaScript飘浮广告问题
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停下来了呀!
实在在不出答应!!请大家帮忙找找!!!
<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停下来了呀!
实在在不出答应!!请大家帮忙找找!!!
...全文
相关推荐
网页右下角飘浮广告 可多幅图切换轮换广
jQuery是JavaScript的一个轻量级库,它的出现极大地简化了JavaScript的开发过程。对于网页右下角的飘浮广告,我们可以利用jQuery来实现以下几个关键功能:1.
这是一个飘浮的div层,飘浮的div层
总的来说,"飘浮的div层"是一种利用CSS和JavaScript增强用户体验的实用技巧,尤其在展示持久可见的内容,如广告或重要通知时。
首页飘代码
【首页飘代码】是一种常见的网页特效,用于在网站的首页实现一些动态的漂浮元素,如广告、通知或者导航按钮。
网页两侧飘浮广告代码
**JavaScript实现**: 虽然CSS已经让广告飘浮在屏幕两侧,但为了防止广告被主要内容覆盖,我们可能需要在用户滚动页面时调整广告的位置。
好用的简捷飘浮JS广告
简捷飘浮JS广告,很实用!支持一下!javascript+div


