滚动 CSS3 鼠标滚轮滚动插件jQuery Smoove.js

jQuery Smoove一款非常强大鼠标滚轮滚动效果插件，jQuery Smoove很轻松便可实现鼠标滚动的时候页面的内容随着滚动展现绚丽的动感十足的css3动画效果。

jquery实例：jQuery Smoove使用方法

1、引入核心文件，请确保jQuery在smoove.js之前加载。

<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.css" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script src="../dist/jquery.smoove.js"></script>

2、通过JavaScript激活jQuery Smoove插件。

$('.foo').smoove(options);

3、下面的代码实例将是在样式类为foo的元素上使用插件的默认值初始化jQuery Smoove，可以通过配置参数来覆盖默认值。

<div class="foo"></div>
<div class="bar" data-move-x="-200px" data></div>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-smoove/0.2.6/jquery.smoove.min.js"></script>
<script>
  // Attach Smoove to elements and set default options
  $(".foo, .bar").smoove({
    offset  : '15%',
    // moveX is overridden to -200px for ".bar" object
    moveX   : '100px',
    moveY   : '100px',
  });
</script>

选项：

查看原文

查看在线演示Demo和更多原文内容教程：

http://www.ibloger.net/article/1197.html