Эффекты fadeIn и fadeOut
Добавлено: 24 мар 2011, 22:08
Эффекты fadeIn и fadeOut
fadeIn() - показывает элемент, изменяя его прозрачность до 100%.
fadeout() - скрывает элемент, постепенно изменяя его прозрачность до нуля.
Пример работы скрипта http://flapps.ru/example/jquery/fadein-fadeout.html
Используется так же как show() и hide(), slideDown() и slideUp() только эффект скрытия и отображения другой.
fadeIn() - показывает элемент, изменяя его прозрачность до 100%.
fadeout() - скрывает элемент, постепенно изменяя его прозрачность до нуля.
Пример работы скрипта http://flapps.ru/example/jquery/fadein-fadeout.html
Используется так же как show() и hide(), slideDown() и slideUp() только эффект скрытия и отображения другой.
Код: Выделить всё
<html><head><title>jquery fadein fadeout</title><script src="js/jquery-1.5.1.min.js" type="text/javascript"></script><script type="text/javascript">$(function (){ // при клике на hide_btn $('#hide_btn').click(function() { // скрываем элемент с id="block" $('#block').fadeOut(); }); // при клике на show_btn $('#show_btn').click(function() { // показываем элемент с id="block" $('#block').fadeIn(); });});</script></head><body><input type="button" id="hide_btn" value="Скрыть" /><input type="button" id="show_btn" value="Показать" /><div id="block">Скрывать и показывать будем этот блок</div><br /><a href="http://flapps.ru">http://flapps.ru</a></body></html>