jQuery.smoove华丽的CSS3页面滚动效果

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=" 
<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>

选项: 



赞(52) 打赏
未经允许不得转载:优客志 » 前端设计
分享到:

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏