jQuery Smoove-华丽的CSS3滚动效果

所属分类：UI-滚动

77539 484 查看评论 (10)

分享到微信朋友圈

查看演示 website 立即下载

插件描述：jQuery Smoove使用它很容易实现CSS3转换效果,让你向下滚动页面的内容时展现绚丽的css3动画效果。

使用方法

你需要调用jquery库、jquery.smoove.js和bootstrap.min.css到您的页面.

请确保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>

通过JavaScript激活jQuery Smoove。

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

这将启动jQuery Smoove上的默认设置，选项可以通过data-attributes覆盖在单个对象中下面的例子。

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

jquery垂直图片轮播插件PgwSlider

jquery创建飘动的云插件jQlouds