JS特效之漂浮广告
2016-05-24 10:52
609 查看
<html> <head> <title>漂浮广告</title> <body> <div id="codefans_net" style="position:absolute"> <!--链接地址--><a href="http://www.baidu.com" 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>
相关文章推荐
- 兼容性非常好的js右下角与漂浮广告代码
- js右下角与漂浮广告代码(兼容多浏览器)
- js漂浮广告实现代码
- 基于javascript实现全屏漂浮广告
- 一款兼容性好,自动变化的javascript 祝贺词代码(根据不同的节日自动显示不同的祝贺词)
- 多个漂浮广告代码,兼容IE、Firefox,支持W3C XHTML标准
- 基于权重的随机数JS实现
- Extjs中grid 的ColumnModel 属性配置
- [Effective JavaScript 笔记]第16条:避免使用eval创建局部变量
- 请问如何修改jeecms后台管理系统中的下一页的js中的跳转路径
- MVC JsonResult的用法
- Three.js学习笔记 – “我和小伙伴都惊呆了”的特效和Three.js初探(转)
- js 获取url 参数 中文乱码问题
- JavaScript生成并下载csv文件
- 深入理解JavaScript
- 后台给GridView绑定数据时给每一行添加一个JS方法
- js-比较两个日期的大小
- JavaScript高级程序设计(读书笔记)(四)
- js中onclick字符串传参问题
- js数组操作大全(pop,push,unshift,splice,shift方法)