jQuery效果插件答案

【问题标题】：jQuery effect pluginjQuery效果插件
【发布时间】：2010-08-05 11:05:29
【问题描述】：

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

我检查了他们的源代码，他们使用 jQuery，但看起来他们并没有使用插件来做到这一点。有谁知道有类似功能的插件吗？

【问题讨论】：

你说的是图片的上下移动吗？
是的，抱歉我不是很清楚

标签： jquery animation plugins effect

【解决方案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。

【讨论】：