В поисках лёгкого выпадающего меню наткнулся на jQuery плагин Simple jQuery Dropdowns. С помощью него, без лишней разметки, можно из любого списка сделать многоуровневое кроссбраузерное меню.

Подключение
Скачиваем плагин, распаковываем.

Подключаем скрипты:

<script type="text/javascript" src="jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="jquery.dropdownPlain.js"></script>

Подключаем стили:

<link rel="stylesheet" type="text/css" href="style.css" />
<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->

Формируем список (важно чтобы у него был класс dropdown):

<ul class="dropdown">
    <li><a href="#">Раздел 1</a>
        <ul>
            <li><a href="#">Подраздел 1</a></li>
            <li><a href="#">Подраздел 2</a></li>
        </ul>
    </li>
    <li><a href="#">Раздел 2</a>
        <ul>
            <li><a href="#">Подраздел 1</a></li>
            <li><a href="#">Подраздел 2</a></li>
        </ul>
    </li>
</ul>

Если всё сделано правильно, вместо списка должно появится выпадающее меню.

Добавлено: 01 Апреля 2018 21:12:31 Добавил: Андрей Ковальчук Нравится 0

Добавить