如何在jquery中闪烁div?
可能重复:
用jquery闪烁一个div
我需要知道如何在jquery中使div闪烁?
HTML
blinking text
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闪烁时移动。