jQuery-smoove是一款jQuery和CSS3炫酷滚动页面内容元素动画特效插件。该内容元素动画插件在页面滚动到指定位置时,该位置的HTML元素会执行指定的CSS3动画特效,如旋转、翻转、放大缩小等动画特效。

插件介绍:

jQuery-smoove是一款jQuery和CSS3炫酷滚动页面内容元素动画特效插件。该内容元素动画插件在页面滚动到指定位置时,该位置的HTML元素会执行指定的CSS3动画特效,如旋转、翻转、放大缩小等动画特效。使用Smoove页面滚动元素动画特效插件可以很轻松的制作出各种华丽的CSS3动画效果。

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

上面的代码会在class为 smoove 的元素上使用默认参数初始化 jQuery Smoove。

你可以通过 data-attributes 属性来覆盖插件的默认参数,例如下面的例子:

<div class="foo"></div>
<div class="bar" data-move-x="-200px" data></div>
<script src“/jquery/jquery.min.js"></script>
<script src="/libs/jquery.smoove.min.js"></script>               
<script>
  // 覆盖smoove的默认参数
  $(".foo, .bar").smoove({
    offset  : '15%',
    // moveX is 覆盖 ".bar" 的 -200px 
moveX : '100px', moveY : '100px', </script>

注意:在使用 data-attributes 属性时,要将属性的驼峰格式改为连字符格式,例如: moveX 要改为 data-move-x

可选参数: