Question

我正在寻找一个jQuery插件，它可以摆放像http://www.iconatlas.com/上的DOM元素

我查看了他们的源代码，他们使用了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。

jQuery效果插件

1 个答案: