新闻股票与jQuery答案

【问题标题】：news ticker with jquery新闻股票与jQuery
【发布时间】：2014-02-08 23:53:33
【问题描述】：

我有 1 个带有标题的列表和 1 个带有文本的列表；在自动标题滚动和链接文本出现，一切正常。

function slideShow() {
  var current = $('#newsHeader li.hover');
  next = ($('#newsHeader li').index(current)<$('#newsHeader li').size()-1)? 
         current.next() :$('#newsHeader li:first'); 
  textOld = $("#newsText li:nth-child(" + (current.index() + 1) + ")"); 
  textNew = $("#newsText li:nth-child(" + (next.index() + 1) + ")");          
  current.removeClass('hover')
  next.addClass('hover')       
  textOld.removeClass('visible').fadeOut(function(){textNew.show().addClass('visible');}); 
  newsAnimation = setTimeout(slideShow, 3000);
}

鼠标悬停在标题上，我想停止动画并查看链接的文本，然后在所有框的鼠标离开时重新启动动画。我有一些问题要做，特别是我无法停止动画队列（如果我进入和离开盒子很多时间动画会变得疯狂）

$("#newsHeader li").hover(function() {
    clearInterval(animazione);
    $('#newsHeader li.hover').removeClass('hover')              
    $( this ).addClass( "hover" );
    newNews = $("#newsText li:nth-child(" + ($(this).index() + 1) + ")");
    $('#calendario li.visible').removeClass('visible').fadeOut(function(    
        {newNews.show().addClass('visible');});     
})
$("#boxNews").mouseleave(function() {
            setTimeout(function() {slideShow()},3000);
}

【问题讨论】：

标签： html-lists jquery-hover

【解决方案1】：

您可以使用 .toogle() 函数。 Toogle @ jQuery

【讨论】：