obj.dd.on('click', function(event){
Для работы нам необходимо несколько строчек javascript. Данный сценарийPпереключает классP.active, когда щелкаете по оболочке. Следует понимать, что если у оболочки нет классаP.active, то данный сценарий добавляет его и если он присутствует,или наоборот-удаляет его.
<li><a href="#">Женщина</a></li>
<li><a href="#">Мужчина</a></li>
<ul class="dropdown">
<div id="dd" class="wrapper-dropdown-1"><span>Выберите пол:</span>
Для начала рассмотрим простую разметку. Для этогоPмы будем использовать контейнер сPulPдля данного выпадающего списка.
Плавная анимация предусмотрена только в последних браузерах. Также для правильного отображения было добавлено несколько строчек JavaScript. И так, приступим.
Буквально на каждом сайте можно найти выпадающие элементы. Это весьма интересный способ организации материала на Pсайте, ведь элементы по умолчанию скрыты, и пользователю необходимо выполнить определенные действия, чтобы увидеть полный список, например нажать на элемент выбора. Зачастую такие элементы весьма скучны и однообразны, при этом не привлекают взор посетителя, тем самым теряя драгоценные клики по сайту. В данном уроке мы рассмотрим как можно стилизовать выпадающий список с различнымиPэффектами.
Создаем стильный выпадающий список на CSS
Все для веб-дизайнера
Создаем стильный выпадающий список на CSS3 | RUDEBOX
Комментариев нет:
Отправить комментарий