如何使DIV振动或嗡嗡声？(类似于iOS移动/删除应用程序功能)

Question

我正在开发一个用户可以自定义的网站,我想让"振动/嗡嗡声"成为DOM的一个元素(在我的具体情况下,它是一个DIV).当你长按任何应用程序图标(所有图标都不稳定)时,我想获得类似于iOS上的效果.

在网上搜索我刚发现这个jQuery库:http: //www.dev4web.eu/projects/jquery.vibrate/

但我不确定我是否能够使用它获得很好的效果.

有关如何实现这一点的任何想法？

谢谢!

Answer 1

您还可以像这样实现自己的动画：

function shake(){
    $('#div').animate({
        'margin-left': '-=5px',
        'margin-right': '+=5px'
    }, 200, function() {
        $('#div').animate({
            'margin-left': '+=5px',
            'margin-right': '-=5px'
        }, 200, function() {
            //and so on...
        });
    });
}

Answer 2

这里有一些 Javascript 可以满足您的需求。

var times = 10;
var duration = 200;
for (var i = 0; i < times; i++)
    $('div#shake-it').animate({
        left: (i % 2 === 0 ? "-" : "+") + "=50"
    }, duration);

与许多其他解决方案一样，它需要 jQuery 库。但是它不需要任何其他插件。

Answer 3

“jQuery ClassyWiggle 允许您模拟 iPhone 上的图标在按住时的摆动效果。”

检查Marius Stanciu的Classy Wiggle JQuery 插件。