2010-08-05 4 views
0

Je suis à la recherche d'un plugin jQuery qui vacille les éléments DOM comme sur http://www.iconatlas.com/effet jQuery plug-in

J'ai vérifié leur source et ils utilisent jQuery, mais il ne semble pas qu'ils utilisent un plugin pour le faire. Quelqu'un sait-il d'un plugin qui fait quelque chose de similaire?

+0

parlez-vous des mouvements haut/bas des images? – Reigel

+0

oui, désolé je n'étais pas totalement clair à ce sujet – rizen

Répondre

3

Je ne connais aucun plugin à ce sujet, mais vous pouvez en créer un si vous le souhaitez.

Eh bien, le site utilise ce code jQuery (ci-dessous) pour cela.

$(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.

+0

agréable. comme la touche de démonstration – Ben

+0

+1 - D'accord avec @Ben. – JasCav

+0

woot merci beaucoup !! – rizen