技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> JavaScript --> 回到顶部 -- jQuery插件

回到顶部 -- jQuery插件

浏览:2406次  出处信息
最近写了个回到顶部的插件,调用方法的
$(“.go-top”).goToTop({});
$(window).bind(‘scroll resize’,function(){
$(“.go-top”).goToTop({});
});
当然可以传一些参数及参数的默认值:
pageWidth:950,//页面宽度
pageWidthJg:10,//按钮和页面的间隔距离
pageHeightJg:50,//按钮和页面底部的间隔距离
startline:20,//出现回到顶部按钮的滚动条scrollTop距离
duration:200,//回到顶部的速度时间
showBtntime:100,//显示\隐藏回到顶部按钮的速度时间
targetObg:”body”//目标位置

演示地址:http://www.css88.com/demo/goToTop/

建议继续学习:

  1. JQuery实现Excel表格呈现    (阅读:46522)
  2. 分享一个JQUERY颜色选择插件    (阅读:12650)
  3. jQuery插件---轻量级的弹出窗口wBox.    (阅读:9688)
  4. 10个强大的Ajax jQuery文件上传程序    (阅读:7757)
  5. jQuery的data()方法    (阅读:7585)
  6. jQuery性能优化指南    (阅读:7325)
  7. jQuery Color Animations颜色动画插件    (阅读:7088)
  8. 精于图片处理的10款jQuery插件    (阅读:6221)
  9. vim 常用插件推荐    (阅读:5985)
  10. jQuery中getJSON跨域原理详解    (阅读:5621)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:细说 expando 的来源
后一篇:GC与JS内存泄露 >>
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1