用javaScript制作漂浮广告

 

 

<script>

 var x=50 , var y=50;     //浮动广告的初始位置

 

 var right=true ,  var left =true;   //right 为真,则向右运动,否则向左运动

                                               //left 为真,则向左运动,否则向右运动

 

var step=1;          //移动的距离

var delay=10;       //移动的时间间隔

 

function floatAD(){

 

           //L左边界, T上边界

          var L=T=0;           

 

           //层移动的右边界

          var R=document.body.offsetWidth-document.getElementById("fly").offsetWidth;

 

          //层移动的下边界

          var B=document.body.offsetHeight-documetn.getElementById("fly").offsetHight;

 

         //层移动后的左边界

         document.getElementById("fly").style.left=x;

 

         //层移动后的上边界

         document.getElementById("fly").style.top=y;

 

         //判断水平方向

         x=x+step*(right?1:-1);

        

         //到达边界后的处理

         if(x<L){right =true;x=L;}

         if(x>R){right=false;x=R;}

      

         y=y+step*(left?1:-1);

         if(y<T){left=true;y=T;}

         if(y>B){left=false;y=B;}

 

          //隔多长时间调用一次

          setTimeout("floatAD()",delay) 

 

}

<script>

 

<body onload="floatAD()">

 

</body>

 

<!--该图片层的Id为"fly"-->

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值