【备忘】JQuery闪烁效果

吐槽/反馈/建议:我的咸鱼心  爱发电-@wdssmq  FeedsPub-wdssmq

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

代码:

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

爱发电

本文标题:《【备忘】JQuery闪烁效果》作者:沉冰浮水
原文链接:https://www.wdssmq.com/post/20150322182.html
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

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

相关文章

发表评论:

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

网站分类

搜索

控制面板

您好,欢迎到访网站!
  查看权限

本周旧文

爱发电支持者

最新留言

友情链接

  • 订阅本站的 RSS 2.0 新闻聚合
召唤伊斯特瓦尔