Эффекты на основе Java Script, jQuery и т.д.

Вертикальное меню с вертикальными подменю и их анимацией

Solutions Industries Education Financial Services Government Manufacturing Locations Government Manufacturing Locations Tech. Lending Tech. Lending Government Manufacturing Telecom Services Solutions Digital Imaging Mobil Print Publishing Rich Internet Applications Training and eLearning Video and Audio Web Conferencing Web Publishing All Industries and Solutions Products Acrobat Connect Acrobat Family After Effects Cold Fusion Creative Suite Family Dreamweaver Flash Flex Illustrator LiveCycle Enterprise Suite Mobile Products Photoshop Family Premiere All Products Support Support Home Customer Service Knowledge Base Books Training and Certification Support Programs Forums Documentation Updates More Communities By User Graphic Designers Web Developers Educators Partners By Resource Adobe Labs Technical Forums Idea Exchange Blogs Сайты моего проекта Сайты моего проекта WebKPB KPBshablon KPBwebStudio ScriptKPB Jobs Showcase Events Contact Adobe Become an Affiliate More	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<link rel="stylesheet" href="http://skriptkpbstudio.ucoz.ru/demo_srt/nodefire/857/wertik_menu_s_wertik_podmenu.css"/> <!-- Add-On Core Code (Remove when not using any add-on's) --> <!--[START-QZ]--><style type="text/css">.qmfv{visibility:visible !important;}.qmfh{visibility:hidden !important;}</style><script type="text/javascript">if (!window.qmad){qmad=new Object();qmad.binit="";qmad.bvis="";qmad.bhide="";}</script><!--[END-QZ]--> <!-- Add-On Settings --> <script type="text/JavaScript"> /***** Menu 0 Add-On Settings (основные параметры и стили элементов меню) ****/ var a = qmad.qm0 = new Object(); // Bump Animation Add On (анимация) a.bump_animation_frames = 10; a.bump_distance = 20; a.bump_main_direction = "left"; a.bump_sub_direction = "left"; a.bump_auto_switch_main_left_right_directions = true; // Item Bullets (CSS - Imageless) Add On (стили) a.ibcss_apply_to = "parent"; // Menu a.ibcss_main_type = "arrow-head"; a.ibcss_main_direction = "right"; a.ibcss_main_size = 5; a.ibcss_main_bg_color = "#D300D3"; a.ibcss_main_bg_color_active = "#D3D3D3"; a.ibcss_main_border_color = "#333333"; a.ibcss_main_border_color_active = "#ff00ff"; a.ibcss_main_position_x = -16; a.ibcss_main_position_y = -2; a.ibcss_main_align_x = "right"; a.ibcss_main_align_y = "middle"; // Sub menu a.ibcss_sub_type = "arrow-head"; a.ibcss_sub_direction = "right"; a.ibcss_sub_size = 5; a.ibcss_sub_bg_color = "#D3D3D3"; a.ibcss_sub_bg_color_active = "#D3D3D3"; a.ibcss_sub_border_color = "#333333"; a.ibcss_sub_border_color_active = "#000000"; a.ibcss_sub_position_x = -16; a.ibcss_sub_align_x = "right"; a.ibcss_sub_align_y = "middle"; /[END-QA0]*/ </script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/nodefire/857/1000k-006b.js"></script>
	Основное всё подписано. Все втили и параметры меню задаются в CSS таблице, файл wertik_menu_s_wertik_podmenu.css. Если Вам нужно что-то изменить, Вам нужно, воспользовавшись функцией [Скачать с сервера], скачать данный файл и внести необходимые изменения. Дараметры задающиеся в скрипте вынесены и к ним прямой доступ.
	Внутри тега <BODY> - </BODY> там где у Вас будет меню.
<!-- QuickMenu Structure [Menu 0] --> <ul id="qm0" class="qmmc" style="border: #ff00ff 2px solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;"> <li><a class="qmparent" href="#">Solutions</a> <ul> <li><span class="qmtitle">Industries</span></li> <li><a href="#">Education</a></li> <li><a class="qmparent" href="#">Financial Services</a> <ul> <li><a href="#">Government</a></li> <li><a href="#">Manufacturing</a></li> <li><a class="qmparent" href="#">Locations</a> <ul> <li><a href="#">Government</a></li> <li><a href="#">Manufacturing</a></li> <li><a href="#">Locations</a></li> <li><a href="#">Tech. Lending</a></li> </ul> </li> <li><a href="#">Tech. Lending</a></li> </ul> </li> <li><a href="#">Government</a></li> <li><a href="#">Manufacturing</a></li> <li><a href="#">Telecom Services</a></li> <li><span class="qmdivider qmdividerx"></span></li> <li><span class="qmtitle">Solutions</span></li> <li><a href="#">Digital Imaging</a></li> <li><a href="#">Mobil</a></li> <li><a href="#">Print Publishing</a></li> <li><a href="#">Rich Internet Applications</a></li> <li><a href="#">Training and eLearning</a></li> <li><a href="#">Video and Audio</a></li> <li><a href="#">Web Conferencing</a></li> <li><a href="#">Web Publishing</a></li> <li><span class="qmdivider qmdividerx"></span></li> <li><a href="#">All Industries and Solutions</a></li> </ul> </li> <li><a class="qmparent" href="#">Products</a> <ul> <li><a href="#">Acrobat Connect</a></li> <li><a href="#">Acrobat Family</a></li> <li><a href="#">After Effects</a></li> <li><a href="#">Cold Fusion</a></li> <li><a href="#">Creative Suite Family</a></li> <li><a href="#">Dreamweaver</a></li> <li><a href="#">Flash</a></li> <li><a href="#">Flex</a></li> <li><a href="#">Illustrator</a></li> <li><a href="#">LiveCycle Enterprise Suite</a></li> <li><a href="#">Mobile Products</a></li> <li><a href="#">Photoshop Family</a></li> <li><a href="#">Premiere</a></li> <li><span class="qmdivider qmdividerx"></span></li> <li><a href="#">All Products</a></li> </ul> </li> <li><a class="qmparent" href="#">Support</a> <ul> <li><a href="#">Support Home</a></li> <li><a href="#">Customer Service</a></li> <li><a href="#">Knowledge Base</a></li> <li><a href="#">Books</a></li> <li><a href="#">Training and Certification</a></li> <li><a href="#">Support Programs</a></li> <li><a href="#">Forums</a></li> <li><a href="#">Documentation</a></li> <li><a href="#">Updates</a></li> <li><span class="qmdivider qmdividerx"></span></li> <li><a href="#">More</a></li> </ul> </li> <li><a class="qmparent" href="#">Communities</a> <ul> <li><span class="qmtitle">By User</span></li> <li><a href="#">Graphic Designers</a></li> <li><a href="#">Web Developers</a></li> <li><a href="#">Educators</a></li> <li><a href="#">Partners</a></li> <li><span class="qmdivider qmdividerx"></span></li> <li><span class="qmtitle">By Resource</span></li> <li><a href="#">Adobe Labs</a></li> <li><a href="#">Technical Forums</a></li> <li><a href="#">Idea Exchange</a></li> <li><a href="#">Blogs</a></li> </ul> </li> <li><a class="qmparent" href="#">Сайты моего проекта</a> <ul> <li><span class="qmtitle">Сайты моего проекта</span></li> <li><span class="qmdivider qmdividerx"></span></li> <li><a href="http://webkpb.ucoz.ru" target="_blank" title="Библиотека Flash">WebKPB</a></li> <li><a href="http://kpbshablon.ucoz.ru" target="_blank" title="Магазин дизайнов">KPBshablon</a></li> <li><a href="http://kpbwebstudio.narod.ru" target="_blank" title="Моя WEBстудия">KPBwebStudio</a></li> <li><a href="http://skriptkpbstudio.ucoz.ru" target="_blank" title="Библиотека JavaScript, jQuery и т.д.">ScriptKPB</a></li> <li><span class="qmdivider qmdividerx"></span></li> <li><a href="#">Jobs</a></li> <li><a href="#">Showcase</a></li> <li><a href="#">Events</a></li> <li><a href="#">Contact Adobe</a></li> <li><a href="#">Become an Affiliate</a></li> <li><span class="qmdivider qmdividerx"></span></li> <li><a href="#">More</a></li> </ul> </li> <li class="qmclear"> </li></ul> <!-- Create Menu Settings: (Menu ID, Is Vertical, Show Timer, Hide Timer, On Click (options: 'all' * 'all-always-open' * 'main' * 'lev2'), Right to Left, Horizontal Subs, Flush Left, Flush Top) --> <script type="text/javascript">qm_create(0,true,0,500,false,false,false,false,false);</script><!--[END-QM0]-->
Это примет структуры меню. Думаю, Вы легко разберётесь. Колличество ссылок и подменю в меню, любом подменю и колличество вложений подменю на Ваше усмотрение.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.