Эффекты на основе Java Script

Простое горизонтальное меню с подменю

Скопируйте и вставте

Внутри тега <HEAD> - </HEAD>

Здесь пояснять нечего. Стиль меню задаётся в CSS таблице. Картинки кнопок меню, так же задаются в CSS, Вы можете поставить свои. Если задать ширину меню 100% то появится тонкая линия шириной во всю страничку, в этом случае меню можно использовать в качестве разделителя разных по функционалу частей странички.

Внутри тега <BODY> - </BODY> там где у Вас будет меню.

<div id="slidemenu" class="slidetabsmenu">
<ul>
<li><a href="#" title="Home"><span>Home</span></a></li>
<li><a href="#" title="CSS Library" rel="dropmenu1_c"><span>CSS</span></a></li>
<li><a href="#" title="New" rel="dropmenu2_c"><span>Partners</span></a></li>
<li><a href="#" title="Useful Tools"><span>Tools</span></a></li>	
</ul>
</div>
                                                   
<div id="dropmenu1_c" class="dropmenudiv_c">
<a href="#">Horizontal CSS Menus</a>
<a href="#">Vertical CSS Menus</a>
<a href="#">Image CSS</a>
<a href="#">Form CSS</a>
<a href="#">DIVs and containers</a>
<a href="#">Links and Buttons</a>
<a href="#">Other</a>
</div>
                                                
<div id="dropmenu2_c" class="dropmenudiv_c" style="width: 150px;">
<a href="#">CSS Drive</a>
<a href="#">JavaScript Kit</a>
<a href="#">Coding Forums</a>
<a href="#">JavaScript Reference</a>
</div>
<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("slidemenu")
</script>

С этой частью, я думаю, Вы тоже не должны иметь проблемы. Здесь всё просто и понятно.

И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.

Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.