鼠標輸入時保持滾動狀態

Question

我該如何做？

$('#forward').mouseenter(
     function() { 
      $("#scroller").trigger("slideTo", [1, "next"]);   
     } 
    ); 

    $('#backward').mouseenter(
     function() { 
      $("#scroller").trigger("slideTo", [1, "back"]);   
     } 
    ); 

它應該保持滾動而我的鼠標按鈕的頂部，只會停止滾動，當我的鼠標按鈕之外。顯然它只會滾動一次然後停止。我需要將按鈕懸停激活，以便用戶不會繼續點擊按鈕。

參考：http://caroufredsel.frebsite.nl/code-examples/custom-events.php

Answer 1

我相信你正在尋找這個http://jsfiddle.net/DNcAS/3/

$("#foo2").carouFredSel({ 
    auto : { 
     button   : "#foo2_play" 
    }, 
    scroll : { 
     items   : 1, 
     duration  : 1000, 
     pauseDuration : 0 
    } 
}).trigger("pause"); 


$('#foo2_next').mouseenter(
     function() { 
      $("#foo2").trigger("configuration", ["direction", "left"]) 
         .trigger("play"); 
     }).mouseleave(function(){ 
      $("#foo2").trigger("pause"); 
     }); 

$('#foo2_prev').mouseenter(
     function() { 
      $("#foo2").trigger("configuration", ["direction", "right"]) 
         .trigger("play"); 
     }).mouseleave(function(){ 
      $("#foo2").trigger("pause"); 
     });​ 

對於線性滾動修改配置選項http://jsfiddle.net/DNcAS/4/

scroll : { 
    items   : 1, 
    duration  : 1000, 
    easing   : "linear", 
    pauseDuration : 0 
} 

或者您也可以通過hoverhttp://jsfiddle.net/DNcAS/5/

更換 mouseenter和 mouseleave 個

PS：更短的版本http://jsfiddle.net/DNcAS/6/

$('#foo2_next,#foo2_prev').hover(function() { 
      var dir = $(this).hasClass('next') ? 'left' : 'right'; 
      $("#foo2").trigger("configuration", ["direction", dir]) 
         .trigger("play"); 
     }, function(){ 
      $("#foo2").trigger("pause"); 
     }); 

Answer 2

你的意思是這樣的？

var forwardInterval; 
$('#forward').mouseenter(
    function() { 
     forwardInterval = setInterval(function() { 
      $("#scroller").trigger("slideTo", [1, "next"]);   
     }, 1000); 
    } 
); 
$('#forward').mouseleave(
    function() { 
     clearInterval(forwardInterval); 
    } 
);