javascript - jQuery "blinking highlight"对 div 的影响？

Question

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

我添加一个 <div>到页面，ajax 回调返回一些值。 <div>填充了来自 ajax 调用的值，并且 <div>然后附加到另一个 <div> ，充当表格列。

我想引起用户的注意，向她/他展示页面上有新内容。
我想要 <div>闪烁，不是显示/隐藏，而是突出显示/取消突出显示一段时间，比如说 5 秒。

我一直在研究 blink 插件，但据我所知，它只能在元素上显示/隐藏。

顺便说一句，解决方案必须是跨浏览器的，是的，不幸的是包括 IE。我可能需要修改一下才能让它在 IE 中正常工作，但总的来说它必须正常工作。

Answer 1

jQuery UI Highlight Effect 正是您要找的。

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

可以找到文档和演示here

---

编辑:
也许是 jQuery UI Pulsate Effect 更合适，参见here

---

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

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

...所以它不会低于 50% 的不透明度。