fadein (jQuery)

Плавное появление «из темноты» или fadein элементов в jQuery производится при помощи функции jQuery.fadeIn([duration] [, callback]). Принимает 2 параметра: скорость затухания и колбак-функция.

Пример

Например есть скрытое изображение, которое нужно плавно показать «из темноты». Смотреть онлайн пример.

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>fadein (jQuery)</title> <script src="/js/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('p').click(function(){ $('img').fadeIn(1000, function(){ $('p').html('<strong>Выполнение эффект фэйдин завершено</strong>').css('cursor', 'default'); }); }).css('cursor', 'pointer'); }); </script> </head> <body> <p><span style="border-bottom:#000 1px dotted;">Нажми что показать изображение</span></p> <img src="/images/1/1/5.jpg" alt="Овощной салат" style="display:none;"> </body> </html>

Примечание

Параметр duration может так же принимать значения slow и fast.

Категории

ПрограммированиеJavaScriptБиблиотекиjQuery

Комментарии