资源描述：
《Web前端项目实战(含代码)-漂浮广告制作.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。
1、漂浮广告的制作漂浮广告*{margin:0;padding:0;}a,img{border:none;}#box1{height:120px;width:178px;position:absolute;top:0px;left:0px;}wi
2、ndow.onload=function(){varobox=document.getElementById("box1");//向左走vartimer=null,dirX=dirY=1,X=Y=1;functionfn(){//对于水平方向if(X*5<1180&&dirX===1){X++;}else{X--;}obox.style.left=X*5+"px";if(X*5==1180)dirX=-1;if(X==0){dirX=1;}//对于竖直方向if(Y*5<530&&dirY===1){
3、Y++;}else{Y--;}obox.style.top=Y*5+"px";if(Y*5==530)dirY=-1;if(Y==0){dirY=1;}};timer=setInterval(fn,100);//开始移动//鼠标移上去停止obox.onmouseover=function(){if(timer!=null)clearInterval(timer);};//鼠标移开继续移动obox.onmouseout=function(){timer=setInterval(fn,100);};}<
4、/script>
