如何在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：

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

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

（ ）

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; }
};

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

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