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

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

主要js

<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="js/jquery.caroufredsel.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $("#foo1").carouFredSel({
            height: 310,
            auto: {
                duration: 8000,
                easing: "linear",
                pauseDuration: 1
            },
            scroll: {
                easing: 'linear',
                pauseOnHover: 'immediate' //鼠标放在图片上，停止滚动
            }
        })
        .trigger("configuration", ["direction", "up"]).css("width", "100%");
    });
</script>