你如何使用jQuery获得脉动效果?

时间:2014-09-05 04:25:47

标签: jquery css css3

我确定我在jQuery中看到过这种效果,但不确定在哪里或如何正确解释它。

如果有人能告诉我这真的很棒。

例如,请参阅下面的链接。当您单击它时,答案将突出显示2 - 3秒。

bootstrap popover links does not bubble up

2 个答案:

答案 0 :(得分:1)

jQuery UI's color animation与jQuery的animate()一起使用,在页面加载时以颜色开始,并在1500毫秒(1.5秒)内将其淡化为白色。如果不包含该方面的jQuery UI,则无法为背景颜色设置动画。

Here is a jsFiddle Demo

CSS

body { background: #D38B28; }

JS

$('body').animate({backgroundColor: "#ffffff"}, 1500)

答案 1 :(得分:1)

很简单,

在页面中包含jquery UI js,然后

$(document).ready(function(){
 highlight("#myelement","orange");
})

function highlight(element,color)
$(element).css("backgroundColor",color).animate({"backgroundColor" : "#fff"},1500,function(){
$(this).css("backgroundColor","");
})