什么是在 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
其它你可能感兴趣的问题