Jquery Inewsticker暂停鼠标悬停

Jquery Inewsticker Pause on Mouse Hover

本文关键字：悬停 鼠标 暂停 Inewsticker Jquery      更新时间：2023-09-26

我想在我的网站上添加新闻提要。事实上，它加载完美，工作得很好。但是当我将鼠标悬停在滚动(滑动)上时，它不会停止，而是继续移动。

实际上，当鼠标悬停在滚动(滑动)上时，我需要停止。有人能帮我做这部分吗?

我的HTML代码是，

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

My Javascript is，

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

我是这样做的:

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

JQuery插件没有提供这样做的方法。您必须修改inewsticker脚本，并获得它启动的计时器的句柄，明确地清除滑动文本的计时器。

这是JSFiddle的演示，当你悬停时滚动停止。

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

我检查了你使用的插件有有限的选项，所以你必须修改inewsticker.js

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

相关文章：