Красивое раздвижное меню под любой дизайн

EssA

Дата: Вторник, 14.12.2010, 13:11 | Сообщение # 1

Сообщений: 391

Награды: 14

Просто вставляете в блок и делаете с ним что хотите smile

Code

<div style="display:inline;" id="menuDiv"><ul id="tmenu0" style="margin-left:4px">

<li class="expanded"><span style="font-weight:bold">Основное меню</span>
<ul>

     <LI><A href="/">Главная страница</A></LI>

     <LI><A href="/forum">Форум</A></LI>
     <li><a href="/blog/" title="Онлайн-Видео">Онлайн-фильмы</a>
     <li><a href="/publ">Статьи</a></li>
     <li><a href="/dir">TOP сайтов</a></li>

     <LI><A href="/index/0-3">Обратная связь</A></LI>
     <LI><A href="/gb">Гостевая</A></LI>
     <li><a href="javascript://" onclick="openLayerB('AD',0,'/ajax.xml','Мгновенное получение ссылки',380,350,'1','1',0,'justify'); return false;">Файловый хостинг</a></li>

</ul></li>

<li class="tree-will-expanded"><span style="font-weight:bold">Fazy.3dn.ru</span>
<ul>
     <li><a href="/load/vse_dlja_ucoz/1">RIP BY FAZY</a></li>
     <li><a href="/load/vse_dlja_ucoz/1">RIP BY FAZY</a></li>
<li><a href="/load/vse_dlja_ucoz/1">RIP BY FAZY</a></li>
<li><a href="/load/vse_dlja_ucoz/1">RIP BY FAZY</a></li>
<li><a href="/load/vse_dlja_ucoz/1">RIP BY FAZY</a></li>
     <li><a href="/load/vse_dlja_ucoz/drugoe/7">Другое </a></li>
     </ul></li>

<li class="tree-will-expanded"><span style="font-weight:bold">Data life engine</span>
<ul>
     <li><a href="/load/shab_s_dle_pod_ucoz/adaptacii_shablonov_dle/32">Адаптации шаблонов DLE</a></li>
     <li><a href="/load/shab_s_dle_pod_ucoz/novosti/33">Новости</a></li>
     </ul></li>

<li class="tree-will-expanded"><span style="font-weight:bold">Photoshop</span>

<ul>
     <li><a href="/load/vse_dlja_photoshop/kisti/9">Кисти</a></li>
     <li><a href="/load/vse_dlja_photoshop/plaginy/12">Плагины</a></li>
     <li><a href="/load/vse_dlja_photoshop/stili/10">Стили</a></li>
     <li><a href="/load/vse_dlja_photoshop/uzory_patterns/13">Узоры</a></li>
     <li><a href="/load/vse_dlja_photoshop/gradienty/11">Градиенты</a></li>
     <li><a href="/load/vse_dlja_photoshop/shrifty/14">Шрифты</a></li>

     <li><a href="/load/vse_dlja_photoshop/psd_arkhiv/16">PSD архив</a></li>
     <li><a href="/load/vse_dlja_photoshop/drugoe_dlja_photoshop/15">Другое для Photoshop</a></li>
     </ul></li>

     <li class="tree-will-expanded"><span style="font-weight:bold">Программы/Софт</span>
<ul>
     <li><a href="/load/programmy_soft/os_os/18">ОС/OS</a></li>
     <li><a href="/load/programmy_soft/soft/21">Софт</a></li>

     <li><a href="/load/programmy_soft/bezopasnost/24">Безопасность</a></li>
     <li><a href="/load/programmy_soft/multimedija/27">Мультимедиа</a></li>
     <li><a href="/load/programmy_soft/portable/19">Portable</a></li>
     <li><a href="/load/programmy_soft/ofis/25">Офис</a></li>
     <li><a href="/load/programmy_soft/cd_dvd/28">CD/DVD</a></li>
     <li><a href="/load/programmy_soft/rusifikatory/20">Русификаторы</a></li>

     <li><a href="/load/programmy_soft/internet/23">Интернет</a></li>
     <li><a href="/load/programmy_soft/grafika/26">Графика</a></li>
     </ul></li>

     <li class="tree-will-expanded"><span style="font-weight:bold">Видео уроки AE</span>
<ul>
     <li><a href="/load/video_uroki_after_effects/3d_ehffekty/36">3D эффекты</a></li>
     <li><a href="/load/video_uroki_after_effects/specehffekty/39">Спецэффекты </a></li>

     <li><a href="/load/video_uroki_after_effects/ehffekty_s_tekstom/37">Эффекты с текстом</a></li>
     <li><a href="/load/video_uroki_after_effects/video_ehffekty/38">Видео эффекты</a></li>
     <li><a href="/load/video_uroki_after_effects/raznye_uroki/40">Разные уроки</a></li>
     </ul></li>

<script type="text/javascript">
//<![CDATA[
var li = document.getElementById('tmenu0').getElementsByTagName('li');
for(i in li) if(li[i].className=='expanded') li[i].setAttribute('expanded','1');
function tmenudata0() {
     this.animation_jump = 5
     this.animation_delay = 2
     this.imgage_gap = 3
     this.plus_image = ""
     this.minus_image = ""
     this.pm_width_height = "0,0"
     this.folder_image = "http://fazy.3dn.ru/webwork/rip-script/menu_U-C/str.png"
     this.document_image = "http://fazy.3dn.ru/webwork/rip-script/menu_U-C/strformenu.png"
     this.icon_width_height = "5,5"
     this.icon_width2_height2 = "5,5"
     this.indent = 1;

     this.use_hand_cursor = true;
     this.main_item_styles = "text-decoration:none; font-weight:normal; font-family:Tahoma; font-size:12px; color:#21a7ed; padding:0px; "
     this.sub_item_styles = "text-decoration:none; font-weight:normal; font-family:Tahoma; font-size:11.2px; color:#21a7ed; "
     this.main_container_styles = "padding:0px;"
     this.sub_container_styles = "padding-top:1px; padding-bottom:1px;"
     this.main_link_styles = "color:#414141; text-decoration:none;"
     this.main_link_hover_styles = "color:#21a7ed; text-decoration:none; border-bottom:1px dashed #21a7ed;"
     this.sub_link_styles = ""
     this.sub_link_hover_styles = ""
     this.main_expander_hover_styles = "text-decoration:none;";
     this.sub_expander_hover_styles = "";
}
//]]>
</script>
<script src="http://fazy.3dn.ru/webwork/rip-script/menu_U-C/fazy-menu.js" type="text/javascript"></script></div><script type="text/javascript">try { var nl=document.getElementById('menuDiv').getElementsByTagName('a'); var found=-1; var url=document.location.href+'/'; var len=0; for (var i=0;i<nl.length;i++){ if (url.indexOf(nl[i].href)>=0){ if (found==-1 || len<nl[i].href.length){ found=i; len=nl[i].href.length; } } } if (found>=0){ nl[found].className='ma'; } } catch(e){}</script>