zoukankan      html  css  js  c++  java
  • js漂浮广告实现代码(合集经典)


    <html>
    <head>
    <title>漂浮广告</title>
    <body>
    <div id="codefans_net" style="position:absolute">
    <!--链接地址--><a href="#" target="_blank">
    <!--图片地址--><img src="/images/logo.gif" border="0">
    </a>
    </div>
    <script>
    var x = 50,y = 60
    var xin = true, yin = true
    var step = 1
    var delay = 10
    var obj=document.getElementById("codefans_net")
    function float() {
    var L=T=0
    var R= document.body.clientWidth-obj.offsetWidth
    var B = document.body.clientHeight-obj.offsetHeight
    obj.style.left = x + document.body.scrollLeft
    obj.style.top = y + document.body.scrollTop
    x = x + step*(xin?1:-1)
    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) { yin = false; y = B }
    }
    var itl= setInterval("float()", delay)
    obj.onmouseover=function(){clearInterval(itl)}
    obj.onmouseout=function(){itl=setInterval("float()", delay)}
    </script>
    </body>
    </html>

    链接地址:http://www.jb51.net/article/30082.htm

  • 相关阅读:
    毕业设计进度3
    毕业设计进度2
    毕业设计进度1
    hadoop环境搭建
    大数据之kettle安装
    服务化管理和治理框架的技术选型
    云时代架构读后感五
    云时代架构读后感四
    毕业设计2019/10/24至2019/10/31进度计划
    IT架构的本质
  • 原文地址:https://www.cnblogs.com/weibo806/p/7445334.html
Copyright © 2011-2022 走看看