Что нового

Компьютерный форум HardOK

Присоединяйтесь к нам сейчас, чтобы получить доступ ко всем нашим функциям. Для этого Вам необходимо зарегистрироваться, чтобы войти в систему. Это делается легко, быстро и абсолютно бесплатно.

Задать вопрос

Создавайте темы, задавайте вопросы и получайте ответы от нашего сообщества

Отвечать

Комментируйте, отвечайте на вопросы и станьте экспертом в своей теме

Связаться с персоналом

Наши специалисты готовы ответить на ваши вопросы

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

NevesOma

Администратор
Регистрация
15.07.2012
Сообщения
1 030
Реакции
4
Баллы
0
Местоположение
Чобручи
Сайт
L2J-MOD.RU
2.jpg
Учимся делать мигающий текст с помощью 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>
 
Последнее редактирование:

Fillthewave

New member
Регистрация
25.07.2017
Сообщения
1
Реакции
0
Баллы
0
Познавательно
129325-eVwQv.gif
 
shape1
shape2
shape3
shape4
shape7
shape8
Верх Низ