Google-Translate Войти на сайт
 
МЕНЮ САЙТА
РАЗДЕЛЫ
Уроки Ucoz [13]
Уроки Borda.ru [13]
Уроки Photoshop [32]
Уроки Adobe Illustrator [1]
Уроки HTML и CSS [13]
JAVA-Скрипты [15]
Веб-дизайн [17]
Создание и продвижение сайта [92]
Интересные статьи [196]
ВЕЛОЛЮБИТЕЛЯМ!
Ярмарка Мастеров - ручная работа, handmade
КОНТАКТЫ
ICQ: 177700574
skype: k-dezign
e-mail: info@k-dezign.ru
mail-агент: k-dezign@mail.ru
Мы Вконтакте
НАШИ ДРУЗЬЯ
Быстрая и недорогая раскрутка сайта
Регистрация в каталогах
Сибирский рубеж - автоэмали оптом и в розницу. Подбор автоэмалей PROFIX.
Хорошие новости о животных
WOlist.ru - каталог качественных сайтов Рунета
FONWEB.RU - Веб-дизайн
Интересные статьи
Клипарт на прозрачной основе


ЗАРЕГИСТРИРОВАТЬ СВОЙ САЙТ
СТАТИСТИКА
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная | Полезные статьи
Главная » Статьи » JAVA-Скрипты

Скрипт: Плавная смена картинки

Код представлен ниже:

JavaScript:

<script type="text/javascript" src="jquery-1.4.4.min.js"></script>   <script type="text/javascript"> function theRotator() { $('div#rotator div').css({opacity: 0.0}); $('div#rotator div:first').css({opacity: 1.0}); setInterval('rotate()',2000); }   function rotate() { var current = ($('div#rotator div.show')? $('div#rotator div.show') : $('div#rotator div:first')); var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator div:first') :current.next()) : $('div#rotator div:first')); next.css({opacity: 0.0}) .addClass('show') .animate({opacity: 1.0}, 1000); current.animate({opacity: 0.0}, 1000) .removeClass('show'); };   $(document).ready(function() { theRotator(); }); </script>



HTML:

<style type="text/css">
 div#rotator div { position:absolute;}
</style>
 
 
<div id="rotator">
 <div class="show"><img src="1.jpg" /></div>
 <div><img src="2.jpg" /></div>
 <div style="text-align:center;">Текстовый<br />блок</div> 
 <div><img src="3.jpg" /></div> 
</div>
---------- Вот как это выглядит:
Текстовый
блок















---------
Категория: JAVA-Скрипты | Добавил: Белая_Кошка (17.08.2011)
Просмотров: 10565 | Рейтинг: 0.0/0


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Веб-студия "К-Дизайн" © 2009-2017
Контакты
ICQ: 177700574
skype: k-dezign
e-mail: info@k-dezign.ru
mail-агент: k-dezign@mail.ru

Счетчики
Яндекс цитирования
Работа
Создание сайтов и форумов
Порядок работы с заказами
Порядок оплаты заказов
Бонусы
Бесплатные кнопки для форумов
Бесплатные дизайны для форумов
Готовые шаблоны для сайтов
Уроки фотошоп
Уроки CMS Ucoz