码迷,mamicode.com
首页 > 编程语言 > 详细

javascript 我是广告

时间:2015-07-22 09:12:09      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:

<body>
<div id="one" style="background:red;position:absolute;left:0;top:0;width:100px;height:100px;">我是广告</div>

<script>
    
    var x=0;
    var y=0;

    var xs=10;
    var ys=10;

    var one=document.getElementById("one");

    function move(){
            x+=xs;
            y+=ys;

            if(x >= document.body.clientWidth-one.offsetWidth-20 || x <=0 ){
                xs=-1*xs;
            }

            if(y >= document.body.clientHeight-one.offsetHeight-20 || y <=0){
                ys=-1*ys;
            }


               one.style.left=x;
            one.style.top=y;        
    
    }


    var dt=setInterval("move()",100);


    one.onmouseover=function(){
        clearInterval(dt);
    }

    one.onmouseout=function(){
        dt=setInterval("move()", 100);    
    }

</script>
</body>

 

javascript 我是广告

标签:

原文地址:http://www.cnblogs.com/hnbiao/p/4666248.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!