Internet Explorer中的<blink>标记</blink>

时间:2010-05-28 10:06:11

标签: html css internet-explorer

Internet Explorer中不支持<blink>标记和css中的text-decoration:blink;样式。

IE中是否有可用于制作闪烁文本的技术?

2 个答案:

答案 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/

中的展位示例