其他特效:AutoScroll.js – jQuery页面自动滚动插件

系统分类:代码 - 网页代码 - 其他特效 枫之夜叉 2015-03-12 16:05:44 上传

版权信息: "其他特效"栏目内,站内会员所分享的全部资料,仅供学习与参考,版权为原作者所有。
枫之夜叉加关注
江苏淮安 / 程序员
标签:AutoScroll   滚屏   插件

AutoScroll.js – jQuery页面自动滚动插件

在浏览网页时,点击鼠标中间就会出现一个小圆圈,里面有左右上下 4 个箭头,鼠标往箭头指向的方向移动,页面就会按指定的方向自动滚动起来,离箭头越远,速度越快。看小说的时候这是非常有用的,免去了频繁的操作,还不会因为突然滚动一大段距离而找不到刚才看到的地方。

AutoScroll.js 是一个类似的 jQuery 插件,当鼠标移动到浏览器可视区域上端或下端时,页面就能自动滚动。它还可以设置鼠标移动到离可视区域多少范围开始自动,以及滚动间隔、滚动速度、加速度等等。

使用方法

1、引入文件

<script src="js/jquery.min.js"></script>
<script src="js/autoscroll.js"></script>

2、JavaScript

window.autoscroll.start(); //启用
window.autoscroll.stop(); //停止

需要更改配置,可如下使用:

window.autoscroll.interval = 25; //滚动间隔
window.autoscroll.threshold = 100; //浏览器上下两端阈值
window.autoscroll.velocity = 5; //滚动速度
window.autoscroll.acceleration = 0; //加速度


素材人气
  • 浏览:
  • 收藏:
  • 评论:
  • 推荐:
  • 附件下载:
枫之夜叉
江苏淮安 / 程序员
2015-03-12 16:05:44发布
全部评论()
全部推荐()