您的位置:首页 > Web前端 > JavaScript

JS导航浮动跟踪,浮动广告,跟踪广告代码

2014-02-20 00:00 351 查看
摘要: 导航浮动跟踪,浮动广告,跟踪广告代码

<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;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: