fadeout (jQuery)

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

Пример

Например есть изображение, которое при нажатии будет затемняться. Смотреть онлайн пример.

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>fadeout (jQuery)</title> <script src="/js/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('img').click(function(){ $(this).fadeOut(1000, function(){ $('p').html('<strong>Выполнение эффект фэйдаут завершено</strong>'); }); }); }); </script> </head> <body> <p>Нажми на изображение</p> <img src="/images/1/1/5.jpg" alt="Овощной салат"> </body> </html>

Примечание

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

Категории

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

Комментарии