带有jquery的新闻自动收报机

Question

我有 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);
}

Answer 1

你可以使用 .toogle（） 函数。Toogle @ jQuery