Компьютерный сайт - HardOK  

Вернуться   Компьютерный сайт - HardOK > Интернет > Web-программирование

Ответ
 
LinkBack Опции темы Опции просмотра
Старый 24.04.2013, 20:05   #1
Администратор
 
Аватар для NevesOma
 
Регистрация: 15.07.2012
Адрес: Чобручи
Сообщений: 1,002
Вы сказали Спасибо: 683
Поблагодарили 1,237 раз(а) в 712 сообщениях
NevesOma как роза среди колючекNevesOma как роза среди колючекNevesOma как роза среди колючек
По умолчанию Учимся делать мигающий текст с помощью html тега blink

Учимся делать мигающий текст с помощью html тега blink

Мигающий текст может помочь вам привлечь особое внимание пользователей вашего сайта. Обычно этот метод используется для рекламных заголовков или акциях.

Но всё же это не лучший вариант привлечения внимания, так как некоторых посетителей это может "отпугнуть".

Создаётся мигающий текст, при помощи тега text-decoration с атрибутом blink
Код HTML:
<p style="text-decoration:blink; color:#009933;">Любой текст, который должен мигать</p>
Пример мигающего текста

Этот вариант не самый лучший, так как в некоторых браузерах (Например, в Google Chrome) текст, просто-напросто не мигает и тут на помощь нам приходит jQuery.

Код будет следующим.
В начале документа подключаем JS код:
Код HTML:
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
-------
Код HTML:
<script type="text/javascript">

$(function(){

    $("#blinkingText").hide();

    setTimeout(function(){$("#blinkingText").show();setInterval(function(){$("#blinkingText").toggle();},500)},3000);

});

</script>
Теперь, чтобы вывести текст добавляем в тело документа:
Код HTML:
<p id="blinkingText">Любой текст который должен мигать</p>
__________________
  • NevesOma (Максим)


Последний раз редактировалось NevesOma; 24.02.2014 в 14:13.
NevesOma вне форума   Ответить с цитированием
Эти 2 пользователя(ей) сказали Спасибо NevesOma за это полезное сообщение:
djon (30.04.2013), sven (12.08.2017)
Старый 25.07.2017, 14:23   #2
Новичок
 
Регистрация: 25.07.2017
Сообщений: 1
Вы сказали Спасибо: 0
Поблагодарили 1 раз в 1 сообщении
Fillthewave на пути к лучшему
По умолчанию

Познавательно
Fillthewave вне форума   Ответить с цитированием
Этот пользователь сказал Спасибо Fillthewave за это полезное сообщение:
qwertyqwerty (26.07.2017)
Старый 12.08.2017, 18:41   #3
Местный
 
Аватар для sven
 
Регистрация: 07.01.2016
Сообщений: 148
Вы сказали Спасибо: 368
Поблагодарили 168 раз(а) в 110 сообщениях
sven на пути к лучшему
По умолчанию

Цитата:
Сообщение от Fillthewave Посмотреть сообщение
Познавательно
поднял тему? или интерес???
sven вне форума   Ответить с цитированием
Этот пользователь сказал Спасибо sven за это полезное сообщение:
qwertyqwerty (17.08.2017)
Старый 17.08.2017, 12:23   #4
Местный
 
Аватар для qwertyqwerty
 
Регистрация: 01.04.2015
Сообщений: 505
Вы сказали Спасибо: 928
Поблагодарили 681 раз(а) в 396 сообщениях
qwertyqwerty на пути к лучшему
По умолчанию

Цитата:
Сообщение от sven Посмотреть сообщение
поднял тему? или интерес???
накрутка сообщений наверно, человек только зарегистрировался
qwertyqwerty вне форума   Ответить с цитированием
Этот пользователь сказал Спасибо qwertyqwerty за это полезное сообщение:
djon (23.08.2017)
Ответ


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 
Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Вкл.
Pingbacks are Вкл.
Refbacks are Вкл.


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Учимся вырезать изображения из фона StiVArk Уроки Photoshop 4 11.06.2013 16:32
Вырезаем объект с помощью Фотошоп StiVArk Уроки Photoshop 0 09.08.2010 10:01
Учимся рисовать бутылку в Фотошоп StiVArk Уроки Photoshop 2 05.08.2010 22:44


Текущее время: 00:18. Часовой пояс GMT +3.


Все права защищены. Перевод сделал: zCаrot

↑ Наверх

HardOK.ru