Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30


Чувашия-это моя Россия

Функция delay() в jQuery.

Библиотека jQuery замечательно тем, что только подумал о каком-то плане реализации удивительной задумки и только стал жалеть о том, что как не хватает свойства, допустим на некоторое время задержать, остановить проявления изображения. Оказывается, нет, всемирная паутина давно за Вас об этом подумала и реализвала метод delay().

Замечательная функция delay() выжидает определенное количество миллисекунд, прежде чем запустить выполнение следующего сценария( эффекта, действия) ,находящиеся в очереди в программе соответствии связки объектов документа.

Например, Вы пожелали, чтобы изображение которое вывели на экран исчезло ровно через пять секунд. Пожалуйста, пишем коды программы:

                        $('photo').fadeIn(1200).delay(5000).fadeOut(350);

Давайте реализуем эту программу на практике. Получится? Хорошо, пишем коды программы:

                        < script type="text/javascript">$(document).ready(function(){
	                                     $('#pokaz_5').click(function(){
	                                     $('#pokaz_5').html('< img src="../chebok/dsc095660.gif" 
                                                         id="photo"  height="450" width="600">').stop()
                                         .fadeIn(1200)
                                         .delay(5000)
                                         .fadeOut()
                                         .delay(3500)
                                         .slideDown(3500);
                                       });
                                      });
                        < /script>
                        < div id="pokaz_5" style=" border: 1px solid #F00; 
                                                   height: 450; 
                                                   width: 600;
                                                   margin: 20px auto 20px 100px">
                        < /div>

Вы щелкаете левой кнопкой мыши по блоку и появляется избражение. По истечению пяти секунд ( если быть точнее функция fadeOut() по умолчанию заставляет исчезнуть элемент через 400 миллисекунд - значит, ровно через 5.4 секунды) изображение исчезнет. Чтобы Вы не осиротели добавил еще другую функцию delay(3500), то есть подождете еще 3.5 секунды и медленно сверху вниз будет проявляться Ваше изображение обратно slideDown(3500), которая проявит окончательно изображение через семь секунд.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: