jQuery滚动插件Smoove(CSS3滚动效果)
作者:w634381967来源:网络浏览:次时间:2014-07-08 13:11:35我要评论
内容介绍
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>
下载资源:202 次
下载积分:0 分