【备忘】JQuery闪烁效果

吐槽/反馈/建议:咸鱼哪有心

预计效果:让元素动态消失再出现指定次数。

代码:

$.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);
};

分享到微信

扫描二维码

可在微信查看或分享至朋友圈。

相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

召唤伊斯特瓦尔