我正在寻找一个jQuery插件,它可以摆放像http://www.iconatlas.com/上的DOM元素
我查看了他们的源代码,他们使用了jQuery,但看起来他们并没有使用插件来做到这一点。有人知道一个类似的插件吗?
答案 0 :(得分:3)
我不知道任何插件,但你可以根据需要创建一个插件。
嗯,该网站使用这个(下面)的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);
});