预计效果:让元素动态消失再出现指定次数。
代码:
$.fn.flash = function (a) {
// 切换可见状态(设定竟然不是变成透明,不过本例中没有影响)
$(this).animate({ opacity: "toggle" }, 500, function () {
// console.log($(this).css('display')),
// 当前状态为不可见时自调用使其可见
$(this).css("display") == "none" && $(this).flash(0);
}),
a > 1 && $(this).flash(a - 1);
};
// 调用
$('.el').flash(3);
然后,如果不考虑初始或最终的可见状态的话下边这样就可以:
$.fn.flash = function (a) {
$(this).animate({ opacity: "toggle" }, 500),
a > 0 && $(this).flash(0),
a > 1 && $(this).flash(a - 1);
};