Internet Explorer中不支持<blink>
标记和css中的text-decoration:blink;
样式。
IE中是否有可用于制作闪烁文本的技术?
答案 0 :(得分:14)
如果可能的话,避免眨眼 - 它会使人烦恼。
但你可以用JS / jQuery这样做:
setInterval(jQuery('.blinking').toggle, 1500 );
这将每1.5秒显示/隐藏任何闪烁的类。
所以在HTML中你会这样做:
<span class="blinking">hello!</span>
但是,请再次仔细考虑它是否应该闪烁!
如果你需要专门引起用户注意的东西(无论出于什么原因,常规强调/突出显示/等等都不够好),那么请考虑开关闪烁(文本消失一半的时间),而不是开关闪烁改变颜色,或下划线/边框闪烁或类似。
关键是,如果某些内容足以让用户视觉上烦恼,那么它应该保持可读性。
答案 1 :(得分:8)
您可以使用此代码:
$(document).ready(function () {
setInterval("$('.blink').fadeOut().fadeIn();",1500);
});
和类链接此
<div class="blink">BLING BLING...</div>
查看工作演示http://jsfiddle.net/SGrmM/
您也可以使用此代码:
$(document).ready(function () {
setInterval("$('.blink').fadeOut(150).fadeIn(150);",1000);
});
查看工作演示http://jsfiddle.net/SGrmM/1/
查看相同小提琴http://jsfiddle.net/SGrmM/2/
中的展位示例