JS导航浮动跟踪,浮动广告,跟踪广告代码
2014-02-20 00:00
351 查看
摘要: 导航浮动跟踪,浮动广告,跟踪广告代码
effects.tracking.float.js
<script type="text/javascript" src="js/effects.tracking.float.js"></script> <div class="side" id="side01" style="position:relative;"> <ul> <li id="01"><a href="http://www.diqiujiayuan.com">地球家园</a></li> <li id="02"><a href="http://www.afeidy.com">阿飞影视网</a></li> <li id="03"><a href="http://www.v0086.cc">微中国网</a></li> </ul> </div>
effects.tracking.float.js
// script effects.tracking.float.js, Thu Jan 13 10:07:12 2014 // Copyright (c) 2010-2014 Andy Zeng (http://www.diqiujiayuan.com, http://www.v0086.cc) // Contributors: // Andy Zeng (http://www.diqiujiayuan.com) // Afei Zeng (http://www.v0086.cc) //获取对象的初始位置 var t = document.getElementById('side01').offsetTop; window.onscroll = function() { //IE与Mozilla为前者,Chrome取后者的值 var scroll_top = document.documentElement.scrollTop || document.body.scrollTop; //滚动时分两种情况考虑,再赋值 document.getElementById('side01').style.top = scroll_top > t ? scroll_top - t + 'px' : 0; }
相关文章推荐
- Kad -- 自己写的JS浮动广告代码封装器 支持FF/IE
- 对联浮动广告JS代码不滚动不浮动的解决方法
- 又一个不错的js浮动广告代码
- 浮动广告最简单代码js
- 建站代码====js两侧浮动广告
- js 浮动广告代码
- 又一个不错的js浮动广告代码
- 学做全屏浮动广告 JS 原生代码
- 对联浮动广告JS代码不滚动不浮动的解决方法
- js实现浮动在网页右侧的简洁QQ在线客服代码
- 两边浮动图片广告代码,带关闭按钮
- Js右下角悬浮广告效果代码
- 两侧浮动代码广告
- JS实现简单的运行代码 & 侧边广告
- 网页HTML右侧浮动DIV层广告或在线客服图片框最佳代码(支持Firefox&IE)
- JS浮动广告脚本
- 浮动广告代码在网页两侧
- 兼容性非常好的js右下角与漂浮广告代码
- 浮动广告js类实现