Плавное пропадание элемента скрипт для сайта

Плавное пропадание элемента скрипт

Элемент пропадёт через установленное время, исчезнет совсем или потеряет прозрачность, требуется подключенный фреймворк jQuery, описаны варианты и демо примеры использования скрипта на сайте.

Использование скрипта плавного пропадания

Предоставленные демо примеры содержат функцию задержки .delay(1000) устанавливающие задержку в М\С, а значение 3000 создаёт анимацию с установленными параметрами времени в М\С для изменения прозрачности свойством opacity:0 и дальнейшего перехода элемента в состояние display:none.

В примерах специально присутствуют соседние элементы чтобы продемонстрировать поведение с разными свойствами, если элемент полностью исчезает, его место теряется, а если исчезает только видимость то место с соседними элементами остаётся.

Плавное пропадание элемента при клике

Плавное пропадание полностью

При нажатии на ссылку элемент с изначально установленным значением display:block плавно исчезнет полностью.

Нажмите на значёк Кнопка выполнения кода в редакторе для показа результата.

Плавное пропадание с изменением прозрачности

При нажатии на ссылку элемент с изначально установленным значением opacity:1 плавно потеряет прозрачность и станет невидимым.

Нажмите на значёк Кнопка выполнения кода в редакторе для показа результата.

Плавное пропадание элемента после загрузки страницы

Плавное пропадание элемента полностью

После загрузки страницы начнётся отсчёт времени после которого видимый элемент полностью пропадёт.

Нажмите на значёк Кнопка выполнения кода в редакторе для показа результата.

Плавное пропадание элемента с потерей прозрачности

После загрузки страницы начнётся отсчёт времени после которого видимый элемент начнёт плавно терять прозрачность.

Нажмите на значёк Кнопка выполнения кода в редакторе для показа результата.

Если Вам необходимо совершить с элементом обратные действия, посмотрите скрипт плавного появления элемента.

Рейтинг: 5.0/5 из 2



Добавлено Автор Ник Источник Просмотров Комментариев Теги
21-10-2015 Михаил Меренков aTmpl © 599 0 скрипт для сайта, пропадание элемента