利用jQuery实现返回顶部效果集合

时间:2015-03-22 11:38:00
【文件属性】:

文件名称:利用jQuery实现返回顶部效果集合

文件大小:32KB

文件格式:ZIP

更新时间:2015-03-22 11:38:00

5种 返回顶部 源码

方法1、好处:回顶部按钮紧贴网页外层DIV边框;缺点:滚动时不够平滑。 方法2、利用jQuery创建层,再对创建层相对定位出回顶部按钮的位置。   好处:回顶部按钮定位相对灵活;缺点:滚动时还是不够平滑。    方法3和方法4、回顶部位置都处在页面右下角,属绝对定位,不随分辨率变化而变化。   好处:滚动时平滑固定;缺点:定位不灵活,方法3在IE6下有点问题。 方法5、很多博客都使用了这种,我也认为是个不错的选择。


【文件预览】:
backtotop
----jquery.js(56KB)
----backtotop2.htm(3KB)
----backtotop3.htm(3KB)
----backtotop5.htm(4KB)
----top.gif(2KB)
----backtop.png(3KB)
----backtotop.js(656B)
----backtotop4.htm(3KB)
----jquery.scrollTo-1.4.0-min.js(3KB)
----backtotop1.htm(4KB)
----scrolltopcontrol.js(3KB)

网友评论

  • 代码比较多,而且都能正常使用,很不错的学习资料!
  • 不错,正是我想要的效果……感谢!!!!
  • 不错,正是我想要的效果
  • 挺不错的东西,第五个功能不错不太好看。。!!!
  • 还不错, 能正常使用!
  • 好吧,终于看懂了
  • 代码比较多,而且都能正常使用,很不错的学习资料!