我正在寻找一种方法来执行以下操作。
我添加一个 <div>
到页面,ajax 回调返回一些值。 <div>
填充了来自 ajax 调用的值,并且 <div>
然后附加到另一个 <div>
,充当表格列。
我想引起用户的注意,向她/他展示页面上有新内容。
我想要 <div>
闪烁,不是显示/隐藏,而是突出显示/取消突出显示一段时间,比如说 5 秒。
我一直在研究 blink 插件,但据我所知,它只能在元素上显示/隐藏。
顺便说一句,解决方案必须是跨浏览器的,是的,不幸的是包括 IE。我可能需要修改一下才能让它在 IE 中正常工作,但总的来说它必须正常工作。
最佳答案
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% 的不透明度。
关于javascript - jQuery "blinking highlight"对 div 的影响?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5205445/