Оглавление скрыть


Вы можете авторизоваться через ВКонтакте, Фейсбук и оставить комментарий


fadein (jQuery)

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

Пример

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

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
<!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(1000function(){
            $('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.

Опубликовано: 04 апреля 2012  ·  Автор: Артём Фёдоров  ·  3734 просмотра

Категория

ГлавнаяПрограммированиеJavaScriptБиблиотекиjQueryfadein (jQuery)

Чтобы оставить комментарий нужно авторизоваться на сайте
или войти через ВКонтакте или Фейсбук

Войти через ФейсбукВойти через Твиттер

Комментарии

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

© 2010-2017 expange.ru
При полном или частичном копировании статей сайта, ссылка на источник обязательна.

Хотите узнать больше информации, пишите на: artem@expange.ru

Полезное онлайн  ·  Новости  ·  Изображения  ·  Статьи по датам

О проекте  ·  Правила пользования  ·  Представительства

Благодарности и пожелания