Авторский знак. 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 31


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

Функции fadeOut(),fadeIn() и each().

Работа с каждым элементом выборки в jQuery возможна и необходима при условии переборки всех элементов или составления кодов программ циклических задач. Как Вы знаете такие сценарии происходят на каждом шагу, когда Вы задаете выборку элементов.

Тем более, одним из уникальных свойств библиотеки jQuery является то, что большинство функций автоматически прорабатывает в цикле каждый элемент выборки. Допустим требуется,чтобы на странице сайта исчезли все теги < img> и для этого составляем код нашей мини программы:

  
            
                              $('img').fadeOut();

Функция fadeOut() заставляет элемент медленно исчезать на странице сайта, заставляя его становиться прозрачным. Данная функция fadeOut() не работает, если элемент уже скрыт на странице сайта. Значение аргумента данной функции есть время исчезновения элемента выборки. По умолчании значение принимает normal=400 миллисекунд. Связав данную функцию к выборке jQuery, содержащей несколько элементов, функция перебирает выборку в цикле и заставляет медленно исчезать каждый ее элемент.

Вот, пример, пишем код программы с нашей функцией и свойствами событий кнопки мыши:

 
                     < script type="text/javascript">$(document).ready(function(){
                             $('body').mousedown(function(){
                             $(this).fadeOut(1500);})
                             $('body').mouseup(function(){
                             $(this).fadeIn(100);
                             });
                             });
                     < /script>

Вы нажимаете левой кнопкой мыши на страницу сайта ( можно сразу же отпустить) и страница сайта в течение полутора секунд медленно будет исчезать, потом очень быстро в течение одной десятой ( 0.1) секунды проявится. Кнопка "button" прописана для красота, с ней действия не связывал, чтобы не усложнять Ваш код программы. Можно нажимать на любую точку монитора в пределах тела "body".

Функция fadeOut() применима ко всем объектам jQuery и легко при том его и просто связывается через точку, то есть применение функция fadeOut() не застваляет Вас напрягаться. Функция fadeOut() имеет различные скоростные параметры: "slow","normal" и "fast". Вторым необязательным параметром будет функция, которая должна исполнится после завершения операции (эти функции работают асинхронно и передают управление не дождавшись своего завершения), так что стоит ли здесь применять данный аргумент.

Функция fadeIn() показывает скрытый элемент. Сперва на странице сайта проявляется пространство для элемента из выбранного набора документа ( что означает остальные элементы сдвигаются с места), потом элемент постеенно проявляется на экране ( может проявиться мгновенно - все зависит от времени, которое Вы будете задавать). Функция fadeIn() не работает, когда элемент уже виден на странице сайта. По умолчание скорость проявления составляет 0.4 секунды или 400 миллисекунд.

Для того, чтобы увидеть эффект медленного проявления страницы сайта, Вы просто напросто в этой программе поменяйте местами время исчезновения и проявления. Вот, и все тогда исчезать страница сайта будет быстро ( 0.1 сек.), но проявляться будет в течение полутора секунд.


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
... ... ...

    назад    дальше     вперед

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