Caroufredsel垂直滚动效果,一次滚动一个项目
  • 分享到微信朋友圈
    X
立即下载 查看演示

Caroufredsel是一个免费的插件，它将任何类型的HTML元素转变为旋转木马。它可以同时滚动一个或多个项目，水平或垂直，无限和循环，自动或通过用户交互。使用Caroufredsel，您可以轻松地为自己的Web设计项目创建响应式旋转木马。它包括9个内置效果，对CSS3过渡的支持等功能。

主要js

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/caroufredsel-6.2.1-min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $('.gonggao-ul ul').carouFredSel({
            responsive: true,
            direction: "up",
            width: '410px',
            prev: '.gonggao-l',
            next: '.gonggao-r',
            auto: {
                play: true,
                timeoutDuration: 3000,
                pauseOnHover: true
            },
            pause: 3000,
            scroll: 1,
            items: {
                visible: {
                    min: 1,
                    max: 1
                }
            }
        });
    });
</script>