JS漂浮广告代码
2015-06-30 20:02
561 查看
<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>
相关文章推荐
- 【 D3.js 高级系列 】 总结
- javascript中冒泡事件和阻止默认事件
- 【 D3.js 高级系列 】 总结
- 深入Javascript函数与闭包(执行环境、变量对象与作用域链)使用详解
- javascript基础
- 深入Javascript函数与闭包(执行环境、变量对象与作用域链)详解
- 【 D3.js 高级系列 — 10.0 】 思维导图
- 【 D3.js 高级系列 — 10.0 】 思维导图
- AF解析Json出错的时候 这样看提示信息
- jstree使用小结(二)
- Javascript 严格模式详解
- JSP基本语法
- JSON学习
- JSON学习
- JSON学习
- JSP的运行原理及本质
- JavaScript标准Selection操作
- Js jq获取select值
- Javascript调用MsRdpClient 完成Web调用远程桌面(CSDN手动迁移)
- js常用事件列表