Как сделать красивый выпадающий список на JQuery.
Здравствуйте! В этой статье мы поговорим про то, как сделать красивый выпадающий список на JQuery, мы поговорим про fancyselect!
Посмотреть демо и скачать все, что нужно, вы можете по ссылке:
http://code.octopuscreative.com/fancyselect/
Установка этой плюшки довольно проста. Вам нужно сделать html разметку с обычным select и задать ему какой-то класс.
<select class="basic">
<option value="">Select something…</option>
<option>Lorem</option>
<option>Ipsum</option>
<option>Dolor</option>
<option>Sit</option>
<option>Amet</option>
</select>
Теперь вам нужно вызвать метод fancySelect, указав класс данного элемента.
$('.basic').fancySelect();
Перед этим, конечно же, не забудьте подключить библиотеку JQuery и плагин fancySelect, который вы можете скачать по ссылке:
https://github.com/octopuscreative/fancyselect
По умолчанию fancySelect использует собственные селекты и стилизует только триггеры на iOS девайсах. Чтобы это переопределить, передайте объект с forceiOS, установленным в значение true.
Вот так просто можно сделать красивый выпадающий список. Если вы хотите научиться разбираться во всем сами, узнать подробнее о JQuery и JQuery UI, то советую приобрести курс JavaScript, jQuery и Ajax с Нуля до Гуру.
А у меня на этом все, спасибо за внимание и удачи!
-
Создано 20.08.2014 20:34:47
-
Михаил Русаков
Комментарии (0):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.