Приветствую Вас Гость • Регистрация • Вход
Суббота, 19.10.2019
Главная » 2014 » Ноябрь » 17 » Делаем мигающий текст
10:04
Делаем мигающий текст
Давно не постил в свой блог.Шарясь по просторам интернета на одном из буржуйских сайтов наткнулся на интересную фишку,а именно мигающий текст, но не посредствами анимации gif, а посредствами javascript.Как это сделать, оказалось довольно просто.Давайте сегодня и рассмотрим эту интересную идею и ее реализацию. Все что нам нужно,просто вставить в
Код
<head> </head>
Код
<script type="text/javascript">
massive_length=7;/*устанавливаешь длинну массива, т.е. сколько цветов будет*/
colors_= new Array(massive_length);
colors_[0] = "#000000";
colors_[1] = "#ffffff";
colors_[2] = "#CC6600";
colors_[3] = "#FF3300";
colors_[4] = "#FF99CC";
colors_[5] = "#6633FF";
colors_[6] = "#33FFCC";
var next_ = 0;
function Changehead()
{
headcolor= colors_[next_];/*headcolor - переменной устанавливаешь новый цвет*/
  document.getElementById("head1").style.color=headcolor;/*присваеваешь этот цвет элементу в документе*/
next_++;
if(next_>massive_length-1) next_=0;
window.setTimeout("Changehead()",300); /*спустя 1 секунду, меняешь цвет на новый, если нужно дольше, то ставишь число больше*/
}
</script>
И далее вывести в теле наш текст, все остальное я откомментировал в скрипте.
Код
<body> </body>
Код
<body onload="Changehead();/*скрипт запускается когда документ загрузился полностью*/">
<p id="head1">Мигающий текст </p>
В итоге мы имеем:

Мигающий текст

Категория: Javasсript | Просмотров: 1348 | Добавил: Samosval |Рейтинг: 0.0/0


Всего комментариев: 0
avatar
    Яндекс.Метрика
Сайт создан в системе uCozЯндекс.Метрика