的jQuery插件效果

Question

我正在尋找一個jQuery插件，搖晃的DOM元素像http://www.iconatlas.com/

我檢查其來源，他們使用jQuery，但它並不像他們使用一個插件來做到這一點。任何人都知道有一個類似的插件嗎？

Answer 1

我不知道任何關於這個的插件，但是如果你願意，你可以創建一個插件。

那麼，網站使用這個（下面）jQuery代碼。

$(function(){ 
    var start_time = new Date().getTime(); 
    var wobble_sec = 4; 
    var icons = $("#featured img"); 
    var bobble = setInterval(function(){ 
     var sec = ((new Date().getTime()) - start_time)*0.001; 
     var alpha = sec*2*Math.PI; 

     var wobble_alpha = alpha/wobble_sec; 
     var lambda = (0.5 + Math.cos(Math.min(Math.PI,wobble_alpha))*0.5)*50; 

     for (var i=0;i<icons.length;++i){ 

      var y = Math.round(lambda*(Math.cos(alpha*1.2 + i)*0.5) + 30); 
      icons.eq(i).css("top",y+"px"); 
     } 

     if (wobble_alpha > Math.PI){ 
      clearTimeout(bobble); 

     } 
    },30); 
}); 

go play with the demo。