JS Простое drop-down меню

Есть множество вариантов выпадающих меню, но вот это мне нравиться больше всего, в первую очередь за простоту. И так, все что вам нужно, это скачать вот этот скрипт и вот этот css. Далее между <head></head>:

<link rel="stylesheet" type="text/css" href="/css/drop.css" />
<script type="text/javascript" src="/js/drop.js"></script>

Описание самого меню :

<ul id="sddm">
<li><a href="#"
onmouseover="mopen('m1')"
onmouseout="mclosetime()">Home</a>
<div id="m1"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="#">HTML Drop Down</a>
<a href="#">DHTML Menu</a>
<a href="#">JavaScript DropDown</a>
<a href="#">Cascading Menu</a>
<a href="#">CSS Horizontal Menu</a>
</div>
</li>
<li><a href="#"
onmouseover="mopen('m2')"
onmouseout="mclosetime()">Download</a>
<div id="m2"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime()">
<a href="#">ASP Dropdown</a>
<a href="#">Pulldown menu</a>
<a href="#">AJAX Drop Submenu</a>
<a href="#">DIV Cascading Menu</a>
</div>
</li>
<li><a href="#">Order</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div style="clear:both"></div>

Демку вы сможете посмотреть здесь

Взято с javascript-array.com

Случайные Статьи

Loading…


Количество просмотров :4702

Оставьте коментарий