Наверх
 

Навигация
Опрос
Какие виды уроков Вы хотите видеть на сайте?
Битрикс
DLE
CSS
Joomla
Wordpress
Все для хостинга
Все для фотошопа
Другое

База уроков » » » Переливающийся текст с помощью JavaScript

Переливающийся текст с помощью JavaScript

10 июн 2014 | Комментариев: 0 | Просмотров: 3332

В этой статье расскажу как сделать переливающийся текст на javascript.

 


<script type="text/javascript">
i=0;
dt=new Array("0000A0", "A00000", "00A000", "00A0A0", "A000A0", "A0A000");
function cl() // эта функция будет менять цвет текста
{document.getElementById("web").style.color=dt[i++];
if (i>dt.length) i=0;
setTimeout("cl()",1000);}
</script>
 
<h1>Переливающийся текст с помощью javascript</h1>
<p id='web'>Скрипт, позволяющий изменять цвет текста в динамике. </p>
<p>Проверено в Internet Explorer и Mozilla Firefox.
 
<script type="text/javascript">
cl(); // первый вызов размещаю после определения объекта
</script>

 

Вот и все готово

 



Ссылка на новость:

    html-cсылка на публикацию
    BB-cсылка на публикацию
    Прямая ссылка на публикацию

ЕЩЕ НА ЭТУ ТЕМУ:

Появление кнопки при поставленной галки в чекбоксе

Появление кнопки при поставленной галки в чекбоксе

  Простое появлении кнопки при нажатом чекбоксе.
Слайдшоу с эффектами на HTML5 и jQuery

Слайдшоу с эффектами на HTML5 и jQuery

Красивый слайдшоу с эффектами на HTML5 и jQuery
Красивый текст с тенью (Совместимый с Internet Explorer)

Красивый текст с тенью (Совместимый с Internet Explorer)

Красивый текст с тенью (Совместимый с Internet Explorer)
Иконка на внешнюю ссылку

Иконка на внешнюю ссылку

Иконка для внешней ссылки - используется jQuery плагин для показа внешней ссылки.
Красивый эффект анимации для галереи

Красивый эффект анимации для галереи

Эффект, который позволит преобразить вашу галерею фотографий, с помощью библиотеки Raphael и jQuery. Нужно создать три файла: index.html, default.css, init.js
Zoomy - красивый эффект лупы на изображении

Zoomy - красивый эффект лупы на изображении

Эффект лупы достигается благодаря использованию простого jQuery плагина Zoomy. Вам понадобятся две копии одного и того же изображения - первая - копия
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.