jquery滑動手柄應脈衝顏色

Question

我想看看如果我可以使jQuery滑塊手柄脫穎而出更多。

http://jsfiddle.net/QAuNY/

所以我嘗試使用上面的代碼中，只有我不知道的flashing事件是每發生。我究竟做錯了什麼？

Answer 1

這是一個jsfiddle做「脈動」。 Link to jsfiddle

$(function() { 
    $("#secrets-slider").slider({ 
     orientation: "vertical", 
     range: "min", 
     min: 0, 
     max: 100, 
     value: 70, 
     slide: function (event, ui) { 
      $("#amount").val(ui.value); 
     } 
    }); 
    function flashing() { 
     if (flash === 0) { 
      $("#secrets-slider .ui-slider-range").stop(true, true); 
     } else { 
      $("#secrets-slider").animate(
       { 
        backgroundColor: '#ff8c00' 
       }, 500, 
       function() { 
        $("#secrets-slider").animate(
         { 
          backgroundColor: '#f00' 
         }, 500 
        ) 
       }           
      ) 
      setTimeout(flashing,1000); 
     } 
    } 
    flashing(); 
}); 

由於該jQueryUI的使用背景圖片繪製滑塊的事實，滑塊的某些部分爲灰色 - 但他們通過你的CSS主題可控。