IT技术博客大学习 共学习 共进步

回到顶部 -- jQuery插件

WEB前端开发 2010-09-28 09:17:14 浏览 2,923 次
最近写了个回到顶部的插件,调用方法的
$(“.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表格呈现 (阅读 48,164)
  2. WordPress插件开发 -- 在插件使用数据库存储数据 (阅读 29,001)
  3. 分享一个JQUERY颜色选择插件 (阅读 14,063)
  4. jQuery插件---轻量级的弹出窗口wBox. (阅读 10,625)
  5. 10个强大的Ajax jQuery文件上传程序 (阅读 8,725)
  6. jQuery性能优化指南 (阅读 8,646)
  7. jQuery的data()方法 (阅读 8,504)
  8. jQuery Color Animations颜色动画插件 (阅读 8,345)
  9. 精于图片处理的10款jQuery插件 (阅读 7,262)
  10. vim 常用插件推荐 (阅读 7,022)