jQuery圖片使用導航向上和向下滑動

Question

我有3個屏幕截圖，這些屏幕截圖使用絕對位置消極地提出。現在進一步在頁面下面我有一個導航包含3個錨標籤對應於上述畫廊中的3個截圖中的每一個。

我想相關的圖像使用導航錨鏈接作爲對照向上滑動（後當然當前活動的截圖向下滑動），當我懸停他們。

我有下面的語法。

的HTML

<ul id="gallery"> 
<li><img src="./index_files/window1_841x461px.png"></li> 
<li><img src="./index_files/window2_841x461px.png"></li> 
<li><img src="./index_files/window3_841x461px.png"></li> 
</ul> 

JS的

$("ul#gallery li:first").css({bottom: '0'}).addClass("on"); 
$("#featureList a:first").addClass("on"); 

$("#featureList a").hover(function() { 

    if ($(this).hasClass("on")) { 

    } 
    else { 

     $("#featureList a.on").removeClass("on"); 

     var item = $(this); 
     var item_index = $(this).index(); 

     item.addClass("on"); 

     $("ul#gallery li.on").stop().animate({bottom: '-400px'}, function() { 
      $(this).removeClass("on"); 
      $("ul#gallery li").eq(item_index).stop().animate({bottom: '0'}).addClass("on"); 
     }); 

    } 

}); 

這似乎是工作的罰款 - 只有一個小故障 - 如果我將鼠標懸停vigourosly和continusily在導航控制整個事情失去了同步，基本上沒有出現。幫幫我！！！！！！

Answer 1

我已經成功使用jQuery .stop（）來防止動畫過度排隊。它可能會幫助你。

http://api.jquery.com/stop/