Перейти к содержанию
Авторизация  
Подписчики 0
๖ۣۜۜFriendlyGhost

[ Манул ] Создаём Мигающий Текст На Сайте...

Автор ๖ۣۜۜFriendlyGhost, в Обсуждения

Рекомендуемые сообщения

๖ۣۜۜFriendlyGhost    148

๖ۣۜۜFriendlyGhost
Опубликовано

Создаём мигающий текст с помощью html тега blink

 

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

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

Создаётся мигающий текст, при помощи тега text-decoration с атрибутом blink

 

 

<p style="text-decoration:blink; color:#009933;">Любой текст, который должен мигать</p>

 

 

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

Код будет следующим.

В начале документа подключаем JS код:

 

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>

<script type="text/javascript">
$(function(){
$("#blinkingText").hide();
setTimeout(function(){$("#blinkingText").show();setInterval(function()
{$("#blinkingText").toggle();},500)},3000);
});
</script>

 

Теперь, чтобы вывести текст добавляем в тело документа:

 

<p id="blinkingText">Любой текст который должен мигать</p>

Поделиться сообщением

Ссылка на сообщение
Поделиться на другие сайты

zadornov    0

zadornov
Опубликовано 

<html>
<head>
<meta http-equiv=Content-Type
content="text/html; charset=windows-1251">
</head>
<body lang=RU>
<H2>Изменение вида данного элемента</H2>
<b><p onmousedown="this.style.fontStyle='italic';
this.style.color='red'" onmouseup="this.style.fontStyle='';
this.style.color='blue'">
Для изменения цвета и стиля шрифта данного текста нажимайте и отпускайте
кнопку мыши</p></b>
</body>
</html>

 

 

вот тоже до воли симпатичный текст будет( возможно менять настройки шрифта)

Поделиться сообщением

Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
Авторизация  
Подписчики 0
Перейти к списку тем

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×
×
  • Создать...