What is the replacement for a blinking text in a web page?

好久不见. 提交于 2019-12-18 05:58:22

问题


I have heard that using blinking text in a page to get user's attention is not a good practice.

What is the alternative for that?


回答1:


Text that doesn't blink is a good alternative.

If you have to rely on blinking text or flashing images to get your users to look where you want, then your website probably has some serious design flaws. Here are some articles with some tips on good web design.

  • 10 principles of effective web design
  • 9 essential principles for good web design



回答2:


<marquee>SCROLLING TEXT!!!</marquee>

Alright, maybe just stick with bold or

blockquotes

or italics or

headings...




回答3:


If you want to emphasise a piece of text semantically, use:

<em>this is important</em>

or

<strong>this is important</strong>

I'm not recommending these for their styles, but for their meaning. You can apply whatever style you want to these elements to make them stand out however you like.




回答4:


Start here!

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



回答5:


HighLighted Text (stuff that doesn't link). Probably, that portion of the text is highlighted for a period of time, and fades out.

You can use Javascript Libraries to get that kind of effect.




回答6:


Just some thinking about the opposites here: If you have something on the page that should catch the user's attention, does that not mean that you ALSO have things on the page that should NOT catch the user's attention?

Perhaps you should remove things that take away from the most important message?

This kind of minimalism is popular in big-fonted and margin-rich "web 2.0" sites. So one could say it is a BLINK replacement.




回答7:


Besides using a Javascript highlight behavior, think about the goal of the page. If you want someone to notice one thing on the page, perhaps that's the only thing that should be there. Consider removing other elements to draw attention to what you need them to see.

If all else fails, there's always the Ajax-based blink tag: http://cheese.blartwendo.com/web21-demo.html




回答8:


blinking bullit in CSS is not the good choice. But you could use some JQuery plugin or flash to make some text pulsating with colors, or fading in and out




回答9:


If you're worried about the validation:

  • text-decoration: blink; is still valid CSS
  • You could do it the AJAX way ;)

Having elements which blink can definitely be very annoying to your users, but, as with everything, don't pay too much attention to the rules which include the word "never". Right now in my operating system there are blinking icons to alert me to things which need my attention. In whatever web application you're making, you could have a similar situation.

Just remember to use it sparingly...



来源:https://stackoverflow.com/questions/1211044/what-is-the-replacement-for-a-blinking-text-in-a-web-page

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!