什么是在 jQuery 中使文本闪烁的简单方法以及阻止它的方法?必须适用于 IE、FF 和 Chrome。谢谢
文本闪烁 jQuery
IT技术
javascript
jquery
html
css
                    2021-01-14 17:57:09
                
                    
                
            
        6个回答
            一个闪烁一些文本的插件对我来说听起来有点矫枉过正......
试试这个...
$('.blink').each(function() {
    var elem = $(this);
    setInterval(function() {
        if (elem.css('visibility') == 'hidden') {
            elem.css('visibility', 'visible');
        } else {
            elem.css('visibility', 'hidden');
        }    
    }, 500);
});
例如
$('.blink').blink(); // default is 500ms blink interval.
//$('.blink').blink(100); // causes a 100ms blink interval.
它也是一个非常简单的插件,您可以扩展它以停止动画并按需启动它。
这是闪烁的动画:
$(".blink").animate({opacity:0},200,"linear",function(){
  $(this).animate({opacity:1},200);
});
只要你想眨眼就给一个眨眼课:
<div class="someclass blink">some text</div>
所有关于#jquery 的 DannyZB 的问候
特征:
- 不需要任何插件(但 JQuery 本身)
 - 做这件事
 
如果您不想使用 jQuery,则可以使用 CSS3 来实现
@-webkit-keyframes blink {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
blink {
  -webkit-animation-name: blink;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s; 
}
似乎在 Chrome 中工作,虽然我以为我听到了轻微的抽泣声。
结合上面的代码,我认为这是一个很好的解决方案。
function blink(selector){
    $(selector).animate({opacity:0}, 50, "linear", function(){
        $(this).delay(800);
        $(this).animate({opacity:1}, 50, function(){
        blink(this);
        });
        $(this).delay(800);
    });
}
至少它适用于我的网络。 http://140.138.168.123/2y78%202782
其它你可能感兴趣的问题