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当您将鼠标悬停时滚动停止。

请注意，它会停止＆＃39;滑动，它不会暂停＆＃39;它

Answer 2

我检查了您使用的插件，其选项有限，因此您必须修改inewsticker.js

我建议你使用http://risq.github.io/jquery-advanced-news-ticker/index.html这个插件。真的我喜欢它很容易整合。

Jquery Inewsticker暂停鼠标悬停

2 个答案: