Javascript 最简易浮动广告Code代码 效果还好

为了加快开发,我们需要一些现成的功能代码,特别是Js一块,除了自己开发,一些小的功能我们完全可以自己收藏一下以后直接Copy使用。

Javascript  最简易浮动广告Code代码:首先,在<body>后面加上以下div容器:

<div id="ad2" style="position:absolute;top:0;left:0;z-index:555" width="150" height="144">
   <a href="http://www.szcl.gov.cn/clxzweb/cl2008.html" target="_blank">
      <img src=http://www.szcl.gov.cn/clxzweb/images/cl2008.jpg width="150" height="144" border="0">
   </a>
</div>

再在页面最后加上以下Js代码即可,OK,这应该很简单很简易就能实现浮动广告的功能了,所以我在这里珍藏一下。

<script type="text/javascript"> 
    var x = 50,y = 60
    var xin = true, yin = true
    var step = 1
    var delay = 20
    var obj2=document.getElementById("ad2")
    function floatAD() {
       var L=T=0
       var R= document.body.clientWidth-obj2.offsetWidth
       var B = document.body.clientHeight-obj2.offsetHeight
       obj2.style.left = x + document.body.scrollLeft
       obj2.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("floatAD()", delay)
    obj2.onmouseover=function(){clearInterval(itl)} 
    obj2.onmouseout=function(){itl=setInterval("floatAD()", delay)}
</script>

引用通告地址: 点击获取引用地址
标签: 脚本
评论: 0 | 引用: 0 | 阅读: 1276 | 打印 | 打包 | 转发
发表评论
昵 称: 密 码:
网 址: 邮 箱:
验证码: 验证码图片 选 项:
头 像:
内 容:
  • 粗体
  • 斜体
  • 下划线
  • 插入图像
  • 超链接
  • 电子邮件
  • 插入引用