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主题可控。