http://www.iconatlas.com/のように DOM 要素を揺さぶる jQuery プラグインを探しています。
ソースを確認したところ、jQuery を使用していますが、プラグインを使用しているようには見えません。似たようなことをするプラグインを知っている人はいますか?
http://www.iconatlas.com/のように DOM 要素を揺さぶる jQuery プラグインを探しています。
ソースを確認したところ、jQuery を使用していますが、プラグインを使用しているようには見えません。似たようなことをするプラグインを知っている人はいますか?
それについてのプラグインは知りませんが、必要に応じて作成できます。
さて、このサイトでは、この (以下の) 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);
});
デモで遊んでください。</p>