【问题标题】:Stop the jcarousel Lite animation on mouseover?在鼠标悬停时停止 jcarousel Lite 动画?
【发布时间】:2010-07-28 10:52:31
【问题描述】:

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

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

【问题讨论】:

标签: jquery jcarousel jcarousellite


【解决方案1】:

试试这个修改后的 jCarosel Lite 脚本

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

【讨论】:

  • 我需要对此进行一些修改,以使其与btnGo 指令一起正常工作。如果有人需要这个,请告诉我,我会分享
  • 找不到网址!
【解决方案2】:

您修改后的 jCarosel Lite 脚本也帮助我解决了我的问题。谢谢斯塔克斯。但是我还没有找到如何使用命令的方法,因为我是学习者。

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

<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>

【讨论】:

    【解决方案3】:

    认为它会帮助使用http://sorgalla.com/jcarousel/examples/的人

    $('.jcarousel').hover(function() {
        $(this).jcarouselAutoscroll('stop');
    }, function() {
        $(this).jcarouselAutoscroll('start');
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-05-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-12-09
      • 1970-01-01
      相关资源
      最近更新 更多