PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > Jquery插件 > jQuery滚动插件 > 正文

    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
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-91-322-1.html
    相关热词搜索: jQuery滚动插件 Smoove