首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Internet Explorer中的<blink>标记

Internet Explorer中的<blink>标记
EN

Stack Overflow用户
提问于 2010-05-28 18:06:11
回答 2查看 23.3K关注 0票数 8

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

有没有在IE中制作闪烁文本的技术?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2010-05-28 18:16:15

如果可能的话,避免眨眼--它会惹恼别人。

但是你可以像这样用JS/jQuery来实现:

代码语言:javascript
复制
setInterval(jQuery('.blinking').toggle, 1500 );

这将每1.5秒显示/隐藏所有闪烁类的内容。

因此,在HTML中,您将执行以下操作:

代码语言:javascript
复制
<span class="blinking">hello!</span>  

但是再说一次,仔细考虑它是否应该闪烁!

如果你需要一些特别的东西来引起用户的注意(不管出于什么原因,常规的强调/突出显示/等等都不够好),那么考虑改变颜色,或者闪烁的下划线/边框,或者类似的东西,而不是开关闪烁(文本消失了一半的时间)。

关键是,如果一些东西重要到让用户在视觉上感到不快,那么它应该保持可读性。

票数 14
EN

Stack Overflow用户

发布于 2013-04-20 20:52:41

您可以使用以下代码:

代码语言:javascript
复制
$(document).ready(function () {
    setInterval("$('.blink').fadeOut().fadeIn();",1500);
});

和一个类链接到这个

代码语言:javascript
复制
<div class="blink">BLING BLING...</div>  

请参阅工作演示http://jsfiddle.net/SGrmM/

您还可以使用以下代码:

代码语言:javascript
复制
$(document).ready(function () {
    setInterval("$('.blink').fadeOut(150).fadeIn(150);",1000);
});

请参阅工作演示http://jsfiddle.net/SGrmM/1/

查看相同小提琴http://jsfiddle.net/SGrmM/2/中的展位示例

票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2928103

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档