jQuery对div的“闪烁突出显示”效果？

一尘不染

css

我正在寻找一种方法来执行以下操作。

我将a添加<div>到页面中，并且ajax回调返回一些值。将<div>用来自ajax调用的值填充，<div>然后将前缀到另一个<div>作为表列的。

我想引起用户的注意，向他/他表明页面上有新内容。
我希望<div>按钮闪烁，而不是显示/隐藏，而是突出显示/取消突出显示一段时间，例如5秒钟。

我一直在看眨眼插件，但据我所知，它仅在元素上显示/隐藏。

顺便说一句，解决方案必须是跨浏览器的，是的，不幸的是IE也包含在内。为了使它在IE中正常运行，我可能需要进行一些改动，但总的来说它必须能够正常工作。

阅读 767

2020-05-16

共1个答案

一尘不染

jQuery UI Highlight Effect 是您要寻找的。

$("div").click(function () {
      $(this).effect("highlight", {}, 3000);
});

文档和演示可以在这里找到

编辑：
也许jQuery UI 脉动效果更合适

编辑＃2 ：
要调整不透明度，您可以这样做：

$("div").click(function() {
  // do fading 3 times
  for(i=0;i<3;i++) {
    $(this).fadeTo('slow', 0.5).fadeTo('slow', 1.0);
  }
});

…因此透明度不会低于50％。

2020-05-16