【问题标题】:What is the replacement for a blinking text in a web page?什么是网页中闪烁文本的替代品?
【发布时间】:2009-07-31 06:56:46
【问题描述】:

我听说在页面中使用闪烁的文本来吸引用户的注意力并不是一个好习惯。

有什么替代方法?

【问题讨论】:

  • 在这种情况下你为什么要引起用户的注意?
  • 闪烁的文字太像 1990 年代的 xD
  • 无论是否是一个好习惯,删除几乎通用的 HTML 功能似乎不太正确。语言设计师不应该参与应该/不应该使用什么。

标签: html css deprecated


【解决方案1】:

不闪烁的文本是一个不错的选择。

如果您必须依靠闪烁的文本或闪烁的图像来让您的用户看到您想要的位置,那么您的网站可能存在一些严重的设计缺陷。这里有一些文章,其中包含一些关于良好网页设计的提示。

【讨论】:

  • 对于一些非常重要的 Web 应用程序,警报不仅闪烁可能有用,而且还可以发出声音。我不想死,因为医院 ER 系统设计师认为眨眼是不好的风格。
【解决方案2】:
<marquee>SCROLLING TEXT!!!</marquee>

好吧,也许坚持使用 bold 或

块引用

或斜体或

标题...

【讨论】:

  • 在我看来,选框至少和“眨眼”一样令人讨厌,它只会让人想起互联网早期制作的网站
  • 不推荐使用 Marquee。
  • &lt;marquee&gt; 是个玩笑,请上帝不要使用它
  • @Sohnee - 我不确定您是如何得出结论,即您应该从我的帖子中“在段落中间粘贴一个 h1 标签”或使用 &lt;i&gt; 标签,我只是列出了他可以为强调和样式选择其他选项(如果您检查源代码,这在语义上也是正确的......)
【解决方案3】:

如果您想在语义上强调一段文本,请使用:

<em>this is important</em>

或

<strong>this is important</strong>

我推荐这些不是因为它们的风格,而是因为它们的意义。您可以对这些元素应用任何您想要的样式,让它们随心所欲地脱颖而出。

【讨论】:

    【解决方案4】:

    从这里开始!

    .alternativeToBlink {
      font-family:
      font-size:
      color:
      background-color:
      border:
      text-decoration:
    }
    

    【讨论】:

    • +1 我完全同意。您应该使用 CSS 或适当的标记(即 h1、h2...)
    【解决方案5】:

    高亮文本(未链接的内容)。可能文本的那部分会突出显示一段时间,然后淡出。

    您可以使用 Javascript 库来获得这种效果。

    【讨论】:

      【解决方案6】:

      这里只是想一些相反的东西:如果您的页面上有一些应该引起用户注意的东西,这是否意味着您在页面上也有一些不应该引起用户注意的东西?

      也许您应该删除从最重要的信息中删除的内容?

      这种极简主义在字体大且边距丰富的“web 2.0”网站中很受欢迎。所以可以说它是 BLINK 的替代品。

      【讨论】:

        【解决方案7】:

        除了使用 Javascript 突出显示行为之外,还要考虑页面的目标。如果您希望某人注意到页面上的一件事,也许那是唯一应该存在的东西。考虑删除其他元素,以吸引人们注意您需要它们看到的内容。

        如果一切都失败了,总会有基于 Ajax 的闪烁标记:http://cheese.blartwendo.com/web21-demo.html

        【讨论】:

          【解决方案8】:

          在 CSS 中闪烁 Bullit 并不是一个好的选择。但是你可以使用一些 JQuery 插件或 flash 来使一些文本随着颜色跳动,或者淡入淡出

          【讨论】:

          • 我不建议使用闪烁文字!
          【解决方案9】:

          如果您担心验证:

          • text-decoration: blink; 仍然是有效的 CSS
          • 您可以通过AJAX way 进行操作;)

          拥有闪烁的元素肯定会让您的用户非常讨厌,但是,与所有事情一样,不要太注意包含“从不”一词的规则。现在在我的操作系统中有闪烁的图标来提醒我需要注意的事情。在您制作的任何 Web 应用程序中,您都可能遇到类似的情况。

          记住要谨慎使用它...

          【讨论】:

            猜你喜欢
            • 2018-06-11
            • 2014-04-20
            • 2016-12-06
            • 2019-02-22
            • 2011-05-07
            • 2012-04-24
            • 2019-12-03
            • 2010-09-17
            • 2012-03-27
            相关资源
            最近更新 更多