我正在使用 jquery 来使文本脉动。一切都很好 - 但我无法理解某些事情:我只想脉动 x 次,然后停止。我正在使用以下代码来使类产生脉动:
$(document).ready(function() {
function pulsate() {
$(".pulsate").
animate({opacity: 0.2}, 1000, 'linear').
animate({opacity: 1}, 1000, 'linear', pulsate);
}
pulsate();
});
有什么想法可以实现这一点吗?可能一行代码...?!
最简单的方法就是数一下:
$(document).ready(function() {
var i = 0;
function pulsate() {
if(i >= 3) return;
$(".pulsate").
animate({opacity: 0.2}, 1000, 'linear').
animate({opacity: 1}, 1000, 'linear', pulsate);
i++;
}
pulsate();
});
在这里尝试一下 http://jsfiddle.net/nick_craver/bbHWp/。或者,将所有动画一次性排列在一个队列中for
循环,像这样:
$(function() {
var p = $(".pulsate");
for(var i=0; i<3; i++) {
p.animate({opacity: 0.2}, 1000, 'linear')
.animate({opacity: 1}, 1000, 'linear');
}
});
在这里尝试该版本 http://jsfiddle.net/nick_craver/HHWBv/.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)