在计时器上更改类Jquery

Question

我正在创建一个具有更改文本和图像的滚动链接的图像横幅。我需要发生的事情是每隔5秒旋转5个图像，但在鼠标悬停时它会暂停旋转并带您进入用户选择的图像。我的鼠标悬停代码是：

$("#main_nav li").mouseover(function() { 
    $(".navigation_main, .main_info").each (function() { 
     $(this).removeClass("on").addClass("off"); 
            }); 
    $("#"+$(this).attr("id")).removeClass("off").addClass("on"); 
    $("#"+$(this).attr("id")+"_images").removeClass("off").addClass("on"); 
    $("#"+$(this).attr("id")+"_text").removeClass("off").addClass("on"); 
    $("#"+$(this).attr("id")+"_a").removeClass("off").addClass("on"); 
          }); 

获得此旋转的任何帮助都会很好。

非常感谢

Answer 1

下面是jQuery的周期插件是怎么做的：

例如： http://malsup.com/jquery/cycle/pagerHover.html

如果暂停选项设置，然后悬停增加一个名为cyclePause导致幻灯片不变量以进行旋转：

if (opts.pause) 
    $cont.hover(function(){this.cyclePause++;},function(){this.cyclePause--;}); 

稍后对循环暂停进行检查。如果是，那么就没有前进。

case 'pause': 
     cont.cyclePause = 1; 
     return false; 
    case 'resume': 
     cont.cyclePause = 0; 
     if (arg2 === true) { // resume now! 
      options = $(cont).data('cycle.opts'); 
      if (!options) { 
       log('options not found, can not resume'); 
       return false; 
      } 
      if (cont.cycleTimeout) { 
       clearTimeout(cont.cycleTimeout); 
       cont.cycleTimeout = 0; 
      } 
      go(options.elements, options, 1, 1); 
     } 
     return false;