Главная » Файлы » Прочие скрипты » jQuery

Эффект радуги на jQuery
22.06.14, 19:16:45

Скачать файл




1) Подключаем плагин jQuery анимации:

Код
<script type="text/javascript" src=/jquery.color.js"></script>


2) Между и на нужных страницах прописываем:

Код
<script type="text/javascript">
$(document).ready(function() {

spectrum();

function spectrum(){
var hue = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')';
$('#welcome').animate( { backgroundColor: hue }, 1000);
spectrum();
}

});
</script>  

  <style type="text/css">
*{ margin:0; padding:0; }
body { text-align: center; background:#191919; }
img{ border: none; }
#welcome{ position: fixed; top: 5%; left: 50%; margin-left: -271px; background:#A8D2F5; }
</style>


3) Теперь изображения заключаем в тег div с id "welcome":



4) Скачиваем архив и все файлы из него заливаем в корень сайта

5) Смотрим ДЕМО

Всё smile
Категория: jQuery | Добавил: Apocalypse | Теги: эффект, на, JQuery, Радуги
Просмотров: 472 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: