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

您可以使用.toggle（）函数。 {{3P>

与jquery的新闻自动收报机

1 个答案: