Чем заменить мигающий текст на веб-странице? - PullRequest
6 голосов
/ 31 июля 2009

Я слышал, что использование мерцающего текста на странице, чтобы привлечь внимание пользователя, не очень хорошая практика.

Какая альтернатива этому?

Ответы [ 9 ]

27 голосов
/ 31 июля 2009

Текст, который не мигает, является хорошей альтернативой.

Если вам приходится полагаться на мигающий текст или мигающие изображения, чтобы заставить ваших пользователей смотреть туда, куда вы хотите, то ваш веб-сайт, вероятно, имеет некоторые серьезные недостатки дизайна. Вот несколько статей с некоторыми советами о хорошем веб-дизайне.

9 голосов
/ 31 июля 2009

Если вы хотите выделить фрагмент текста семантически, используйте:

<em>this is important</em>

или

<strong>this is important</strong>

Я не рекомендую это для их стилей, но для их значения. Вы можете применять любой стиль к этим элементам, чтобы они выделялись как вам угодно.

9 голосов
/ 31 июля 2009
<marquee>SCROLLING TEXT!!!</marquee>

Хорошо, возможно, просто придерживайтесь жирный или

1007 * Цитата *

или курсив или

заголовки ...

4 голосов
/ 31 июля 2009

Начните здесь!

.alternativeToBlink {
  font-family:
  font-size:
  color:
  background-color:
  border:
  text-decoration:
}
3 голосов
/ 31 июля 2009

выделенный текст (материал, который не ссылается). Возможно, эта часть текста выделена на некоторое время и исчезает.

Вы можете использовать библиотеки Javascript для получения такого эффекта.

2 голосов
/ 02 августа 2009

Просто подумайте об противоположностях здесь: Если на странице есть что-то, что должно привлечь внимание пользователя, не значит ли это, что у вас ТАКЖЕ есть вещи на странице, которые НЕ должны привлекать внимание пользователя?

Возможно, вам следует удалить вещи, которые убирают из самого важного сообщения?

Этот вид минимализма популярен на больших шрифтах и ​​сайтах "2.0". Так что можно сказать, что это замена BLINK.

1 голос
/ 03 августа 2009

Помимо использования поведения выделения Javascript, подумайте о цели страницы. Если вы хотите, чтобы кто-то заметил одну вещь на странице, возможно, это единственное, что должно быть там. Попробуйте удалить другие элементы, чтобы привлечь внимание к тому, что вам нужно, чтобы они увидели.

Если ничего не помогает, всегда есть мигающий тег на основе Ajax: http://cheese.blartwendo.com/web21-demo.html

0 голосов
/ 03 августа 2009

Если вы беспокоитесь о проверке:

  • text-decoration: blink; все еще действует CSS
  • Вы могли бы сделать это AJAX способом ;)

Наличие элементов, которые мигают, определенно может очень раздражать ваших пользователей, но, как и во всем, не обращайте слишком много внимания на правила, которые включают слово «никогда». Прямо сейчас в моей операционной системе мигают значки, чтобы предупредить меня о вещах, которые требуют моего внимания. В любом веб-приложении, которое вы делаете, у вас может быть похожая ситуация.

Только не забывайте использовать его экономно ...

0 голосов
/ 31 июля 2009

мигающий булл в CSS - не лучший выбор. Но вы можете использовать какой-нибудь плагин JQuery или флэш-память, чтобы сделать текст пульсирующим с цветами или постепенно исчезать

...