如何在jquery中闪烁div?

可能重复:
用jquery闪烁一个div

我需要知道如何在jquery中使div闪烁?

HTML

 

jQuery的

 function blink(selector){ $(selector).fadeOut('slow', function(){ $(this).fadeIn('slow', function(){ blink(this); }); }); } blink('.blink'); 

演示: http : //www.jsfiddle.net/gaby/Vaysf/1/


更新使答案更新

您不再需要使用jQuery来实现此类效果。 你可以用CSS( 使用CSS动画 )来做到这一点。
http://caniuse.com/#feat=css-animation上的兼容性表格

CSS使用标准属性

 .blink{ animation:blink 700ms infinite alternate; } @keyframes blink { from { opacity:1; } to { opacity:0; } }; 

http://jsfiddle.net/gaby/Vaysf/649/上的演示( 带有供应商前缀属性

假设你的div有id="blinkMe"

 setInterval(function () { var vis = $("#blinkMe").css("visibility"); vis = (!vis || vis == "visible") ? "hidden" : "visible"; $("#blinkMe").css("visibility", vis); }, 500); 

注意:使用“visibility”而不是“display”/ .toggle()因为后者会导致布局在div闪烁时移动。