Главная » Файлы » Прочие скрипты » 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) Смотрим ДЕМО Всё | |
Просмотров: 509 | Загрузок: 0 | |
Всего комментариев: 0 | |
| |