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

回到顶部 -- jQuery插件

浏览:2402次  出处信息
最近写了个回到顶部的插件，调用方法的
$(“.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表格呈现    (阅读：46515)
  2. 分享一个JQUERY颜色选择插件    (阅读：12629)
  3. jQuery插件---轻量级的弹出窗口wBox.    (阅读：9681)
  4. 10个强大的Ajax jQuery文件上传程序    (阅读：7750)
  5. jQuery的data()方法    (阅读：7572)
  6. jQuery性能优化指南    (阅读：7302)
  7. jQuery Color Animations颜色动画插件    (阅读：7068)
  8. 精于图片处理的10款jQuery插件    (阅读：6203)
  9. vim 常用插件推荐    (阅读：5958)
  10. jQuery中getJSON跨域原理详解    (阅读：5612)
QQ技术交流群：445447336，欢迎加入！
扫一扫订阅我的微信号：IT技术博客大学习
<< 前一篇：细说 expando 的来源
后一篇：GC与JS内存泄露 >>
文章信息
© 2009 - 2024 by blogread.cn 微博：@IT技术博客大学习

京ICP备15002552号-1