jQuery“闪烁高亮”效果的div？
jQuery“闪烁高亮”效果的div？
提问于 2011-03-06 01:24:47
我正在寻找一种方法来做以下事情。
我向页面添加了一个<div>，ajax回调将返回一些值。用来自ajax调用的值填充<div>，然后将<div>添加到另一个用作表列的<div>之前。
我想引起用户的注意，让他/她知道页面上有新的东西。
我希望<div>闪烁，而不是显示/隐藏，而是高亮/取消高亮显示一段时间，比如说5秒。
我一直在看blink插件，但据我所知，它只在一个元素上显示/隐藏。
顺便说一句，解决方案必须是跨浏览器的，是的，不幸的是IE也包括在内。我可能需要做一些修改才能让它在IE中工作，但总的来说它必须工作。
回答 12
Stack Overflow用户
发布于 2011-03-06 01:30:55
看看http://jqueryui.com/demos/effect/吧。它有一个名为pulsate的效果，它会做你想做的事情。
$("#trigger").change(function() {$("#div_you_want_to_blink").effect("pulsate");});Stack Overflow用户
发布于 2013-12-31 19:02:57
这是我创建的自定义闪烁效果，它使用setInterval和fadeTo
HTML -
<div id="box">Box</div>JS -
setInterval(function(){blink()}, 1000);
function blink() {
$("#box").fadeTo(100, 0.1).fadeTo(200, 1.0);
}越简单越好。
Stack Overflow用户
发布于 2015-04-27 21:32:53
如果您尚未使用Jquery UI库，并且想要模拟其效果，那么您可以执行的操作非常简单
$('#blinkElement').fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100);您还可以玩弄数字，以获得更快或更慢的数字，以更好地适合您的设计。
这也可以是一个全局jquery函数，这样您就可以在整个站点中使用相同的效果。还要注意，如果您将此代码放在for循环中，您可以有1milion脉冲，因此您不会受到默认值6或默认值是多少的限制。
编辑:将此函数添加为全局jQuery函数
$.fn.Blink = function (interval = 100, iterate = 1) {
for (i = 1; i <= iterate; i++)
$(this).fadeOut(interval).fadeIn(interval);
}使用以下命令轻松地从您的站点中闪烁任何元素
$('#myElement').Blink(); // Will Blink once
$('#myElement').Blink(500); // Will Blink once, but slowly
$('#myElement').Blink(100, 50); // Will Blink 50 times once页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5205445
复制相关文章
相似问题