如何在jquery中闪烁div？ [英] How to blink a div in jquery?

问题描述

可能重复：

使用jquery闪烁div

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

推荐答案

html

<div class="blink">blinking text</div>

jquery

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

blink('.blink');

demo： http://www.jsfiddle.net/gaby/Vaysf/1/

更新（使答案保持最新状态）

您无需使用jQuery来实现此类效果了。你可以只使用CSS（使用 CSS动画 ）。

（ http://caniuse.com/#feat=上的兼容性表格css-animation ）

You do not need to use jQuery for such effects anymore. You can do it with just CSS (using CSS animations).
(compatibility table at http://caniuse.com/#feat=css-animation)

CSS （使用标准属性）

.blink{
    animation:blink 700ms infinite alternate;
}

@keyframes blink {
    from { opacity:1; }
    to { opacity:0; }
};

） ：//jsfiddle.net/gaby/Vaysf/649/> http://jsfiddle.net/gaby/Vaysf/649/

Demo (with vendor prefixed properties) at http://jsfiddle.net/gaby/Vaysf/649/

这篇关于如何在jquery中闪烁div？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！