javascript - 鼠标悬停时 Jquery Inewsticker 暂停

Question

我正在尝试在我的网站中添加新闻行情。实际上它加载完美并且工作得很好。但是，当我将鼠标悬停在滚动(幻灯片)上时，它并没有停止，而是继续前进。

实际上，当鼠标悬停在滚动(滑动)上时我需要停止。任何人都可以帮助我完成这部分。

我的 HTML 代码是，

<ul class="slide">
    <li>Hello</li>
    <li>Lorem ipsum 2</li>
    <li>I am designer</li>
    <li>Lorem Ipsum</li>
</ul>

我的 Javascript 是，

$('.slide').inewsticker({
    speed       : 2500,
    effect      : 'slide',
    dir         : 'ltr',
    font_size   : 13,
    color       : '#fff',
    font_family : 'arial',
    delay_after : 1000                      
});

Answer 1

我是这样做的:

$('.slide').mouseenter(function(){
    clearInterval(timer);
});

JQuery 插件不提供执行此操作的方法。 您将必须修改 inewsticker 脚本并获取它启动的计时器的句柄，明确清除滑动文本的计时器。

Here is the JSFiddle demo悬停时滚动停止的位置。

请注意，它“停止”滑动，而不是“暂停”滑动。