我找不到仅使用 jQuery 动画来制作 div 弹跳的动画解决方案。类似的东西不起作用:
$("#bounce").click(function() {
$(this).effect("bounce", {
times: 3
}, 300);
});.
我不想使用 jQuery UI 或任何外部插件,例如缓动插件。就我而言,摆动效果同样好,所以两者都可以。
这是一个example http://jsfiddle.net/jackdent/RaG9x/2/, 任何帮助将非常感激!提前致谢
你可以简单地将一些链接在一起animate
像这样调用元素:
$("#bounce").click(function() {
doBounce($(this), 3, '10px', 300);
});
function doBounce(element, times, distance, speed) {
for(var i = 0; i < times; i++) {
element.animate({marginTop: '-='+distance}, speed)
.animate({marginTop: '+='+distance}, speed);
}
}
工作示例:http://jsfiddle.net/Willyham/AY5aL/ http://jsfiddle.net/Willyham/AY5aL/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)