鼠标悬停时停止jcarousel Lite动画?

时间:2010-07-28 10:52:32

标签: jquery jcarousel jcarousellite

当用户将鼠标悬停在特定项目上时,我正在尝试停止我的jcarouselled项目的动画。我正在滚动非图像内容,我想让用户有机会阅读滚动文本。

怎么做?它甚至没有在文档中提及。

3 个答案:

答案 0 :(得分:11)

试试这个经过修改的jCarosel Lite脚本

http://www.webdesignbooth.com/demo/news-ticker/jcarousellite_1.0.1c4.js

答案 1 :(得分:0)

您修改过的jCarosel Lite脚本也帮我解决了我的问题。谢谢Starx。但我还没有找到如何使用Command的方式,因为我还是学习者。

后来我知道了,我在页面上使用了两个滑块。他们是:

<script type="text/javascript">
$(function() {
    $(".scrollMore .carousel").jCarouselLite({
        btnNext: ".scrollMore .next",
        btnPrev: ".scrollMore .prev",
        scroll: 1,
        visible: 4,
        mouseWheel: true,
        auto: 800,
        speed: 1500,
        hoverPause: true,
    });

    $(".scrollMore .carouselClient").jCarouselLite({
        btnNext: ".scrollMore .next",
        btnPrev: ".scrollMore .prev",
        scroll: 1,
        visible: 2,
        mouseWheel: true,
        auto: 800,
        speed: 3000,
        hoverPause: true,
    });
});
</script>

答案 2 :(得分:-1)

认为它可以帮助使用http://sorgalla.com/jcarousel/examples/

的人
function containsArray() {
    var args = Array.prototype.slice.call(arguments),
        contains = false;

    args.forEach(function(arg) {
        if(Array.isArray(arg)) {
            contains = true;
            return; // don't need to keep looping
        }
    });

    console.log(contains);

    if(contains) {
        // do something   
    } else {
       // do something else   
    }
}

containsArray(['hello']); // true
containsArray('hello'); // false
containsArray(['a'], 'b', 'c', ['d', 'e', 'f'], 'g'); // true