В обычном состоянии:
При нажатии на кнопку:
Как сделать: 1. Скачиваем архив, кидаем файлы из архива в корень сайта ->ARXIV
2. Вставляем данный код в head сайта
Code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="jkmegamenu.css" />
<script type="text/javascript" src="jkmegamenu.js"></script>
<script type="text/javascript">
//jkmegamenu.definemenu("anchorid", "menuid", "mouseover|click")
jkmegamenu.definemenu("megaanchor", "megamenu1", "mouseover")
</script>
3. Вставляем данный код туда, где хотите видеть это меню
Code
<!--Mega Menu Anchor-->
<a href="http://www.javascriptkit.com" id="megaanchor">Tech Links</a>
<!--Mega Drop Down Menu HTML. Retain given CSS classes-->
<div id="megamenu1" class="megamenu">
<div class="column">
<h3>Web Development</h3>
<ul>
<li><a href="ссылка">JavaScript Kit</a></li>
<li><a href="ссылка">Dynamic Drive</a></li>
<li><a href="ссылка">CSS Drive</a></li>
<li><a href="ссылка">Coding Forums</a></li>
<li><a href="ссылка">DOM Reference</a></li>
</ul>
</div>
<div class="column">
<h3>News Related</h3>
<ul>
<li><a href="ссылка">CNN</a></li>
<li><a href="ссылка">MSNBC</a></li>
<li><a href="ссылка">Google</a></li>
<li><a href="ссылка">BBC News</a></li>
</ul>
</div>
<div class="column">
<h3>Technology</h3>
<ul>
<li><a href="ссылка">News.com</a></li>
<li><a href="ссылка">SlashDot</a></li>
<li><a href="ссылка">Digg</a></li>
<li><a href="ссылка">Tech Crunch</a></li>
</ul>
</div>
<br style="clear: left" /> <!--Break after 3rd column. Move this if desired-->
<div class="column">
<h3>Web Development</h3>
<ul>
<li><a href="ссылка">JavaScript Kit</a></li>
<li><a href="ссылка">Dynamic Drive</a></li>
<li><a href="ссылка">CSS Drive</a></li>
<li><a href="ссылка">Coding Forums</a></li>
<li><a href="ссылка">DOM Reference</a></li>
</ul>
</div>
<div class="column">
<h3>News Related</h3>
<ul>
<li><a href="ссылка">CNN</a></li>
<li><a href="ссылка">MSNBC</a></li>
<li><a href="ссылка">Google</a></li>
<li><a href="ссылка">BBC News</a></li>
</ul>
</div>
<div class="column">
<h3>Technology</h3>
<ul>
<li><a href="ссылка">News.com</a></li>
<li><a href="ссылка">SlashDot</a></li>
<li><a href="ссылка">Digg</a></li>
<li><a href="ссылка">Tech Crunch</a></li>
</ul>
</div>
</div>