Главная » 2011 » Ноябрь » 1 » Эффект радуги на jQuery (Javascript)
01.11.2011, 15:52

Эффект радуги на jQuery





Эффект радуги на jQuery

1) Подключаем плагин jQuery анимации:
Code
<script type="text/javascript" src=/jquery.color.js"></script>

2) Между <head> и </head> на нужных страницах прописываем:
Code
<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":  

  <div id="welcome"><img src="/welcome.png"></div>  

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

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

  Всё  

Вам нужна помощь по материалу?
  Сообщить о нарушении авторских прав!
  Скачать бесплатно Эффект радуги на jQuery
  Оплаченная Реклама: | Хости. РФ хостинг сайтов от 17.. | создание слайдшоу.. |
  Подробнее о материале
   

1
2
3
4
5 Все права на размещённые материалы принадлежат их создателям
Администрация сайта не несёт ответственности за содержание материала
Данный материал предоставлен исключительно для ознакомления
При копировании данного материала ссылка на сайт источник обязательна

  Ваш комментарий будет первым!

   
   
   

Немного рекламы

Металлопрокат и трубы.
Арматура, балка, угол, катанка, полоса, круг, листы, трубы и др.
metalsea.ru • Иваново

Названы самые «депрессивные»...
Всем людям, страдающим от депрессивных состояний, врачи рекомендуют. ..
www.medikforum.ru  

Запрещённый сюжет о Чечне
Этого не было в эфире. Видео.
nevex.tv  

begun Новое на форуме
  прокручующийся горизонтальный блок "...
  Оцените каталог сайтов
  Баннеры для сайта
  Регистрация всех доменов по низким ценам
  Реферальные, партнерские программы
  Хотите изучить DLE, но не знаете как?
  Как заработать на файлообменниках
  Электронные рассылки
  Онлайн конференции

Последние комментарии
  Сделал, помощь не нужна.
  Не подскажите как у вас при нажатии на &...
  Кстати на этом сайте боковое меню из это...
  Спасибо за менюшку.
  На странице материала и комментариев к н...
  Будем знать))) можно его в категорию про...
  вот это очень хороший фход на сайт, и не...
  Пусть помнят что у них нехорший браузер ...
  Все бы не чего, штука хорошая вот только... Немного рекламы

Россиянам предрекли полное...
К 2030 году численность населения нашей страны (140 млн по данным. ..
www.medikforum.ru • 1 час

begun

  © 2011 SiteForSites | Все права на размещённые материалы принадлежат их авторам |  
  | При копировании материала активная ссылка на сайт SiteForSites обязательна |
   

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

<div id="welcome"><img src="/welcome.png"></div>

4) Скачиваем архив и все файлы из него заливаем в корень сайта
Материал взят с сайта infoscript.ru
Теги: Скачать Эффект радуги на jQuery
Скачать "Эффект радуги на jQuery"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: siteforsites.ru
Категория: JavaScript's | Просмотров: 1895 | Добавил: manikom-auto | Рейтинг: 0.0/0 |
Теги: радуги, jQuery, На, эффект
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]