2011年12月15日

DIV随屏幕滚动JS代码

摘要： var tips; var theTop = 250/*这是默认高度*/; var old = theTop;function initFloatTips() { tips = document.getElementById('floatTips'); moveTips();};function moveTips() { var tt=50; if (window.innerHeight) { pos = window.pageYOffset } else if (document.documentElement && document.documentElem 阅读全文

posted @ 2011-12-15 12:44 绿特 阅读(1037) 评论(0) 推荐(0)

JavaScript回到顶部的效果实现

摘要： 很多网页在下方都会放置一个“返回顶部”按钮，尤其是页面底部没有导航的网页，这样可以帮助访客重新找到导航或者重温一遍广告（想得真美）。随着近几年来 JavaScript 的应用日渐广泛，滑动效果无处不在，于是我也跟跟风，将返回顶部功能做成了滑动效果。后来为了更贴合物理特征， 改造做成了减速的滑动效果。首先说一下原理吧，我们会获取滚动条到页面顶部的距离，然后上移一定的距离；再获取滚动条到页面顶部的距离，上移一定的距离（比上一次小一点）;以此类推 ...先上代码吧： 1 <script type="text/javascript"> 2 3 /** 4 5 * 回到页 阅读全文

posted @ 2011-12-15 11:07 绿特 阅读(364) 评论(0) 推荐(0)

导航