• Страница 1 из 1
  • 1
Модератор форума: DJ_MADARA  
Форум » Скрипты для uCoz » Меню для сайта » Красивое вертикальное выдвижное меню
Красивое вертикальное выдвижное меню
Дата: Суббота, 04.02.2012, 12:57 | Сообщение # 1
Сообщений: «695»
Награды: «51»  +
Замечания: «»  ±

Установка:
Вставляем в любую часть сайта:

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="$HOME_PAGE_LINK$">Главная</a></li>        
        <li><a href="/forum">Форум</a></li>       
        <li><a href="http://www.dragon-css.ucoz.ru/search/">Поиск файлов</a></li>        
        <li><a href="http://www.dragon-css.ucoz.ru/index/banners/0-21">Наши баннеры</a></li>        
        <li><a href="http://www.dragon-css.ucoz.ru/index/0-10">Создание баннера</a></li>        
        <li><a href="http://www.dragon-css.ucoz.ru/index/onlajn_perevodchik/0-12">Онлайн переводчик</a></li>        
        <li><a href="http://www.dragon-css.ucoz.ru/index/mini_igry/0-13">Мини-игры</a></li>        
       </ul></li>        

       <li class="expanded"><span style="font-weight:bold">Название блока</span>        
       <ul>        
        <li><a href="ссылка">название</a></li>        
        <li><a href="ссылка">название</a></li>        
        <li><a href="ссылка">название</a></li>        
        <li><a href="ссылка">название</a></li>        
        <li><a href="ссылка">название</a></li>        
       </ul></li>        
       <li><span style="font-weight:bold">diz-cs.ru</span>        
       <ul>        
        <li><a href="ссылка">название</a></li>        
        <li><a href="ссылка">название</a></li>        
        <li><a href="ссылка">название</a></li>        
        <li><a href="ссылка">название</a></li>        

       </ul></li>        
       <li><span style="font-weight:bold">diz-cs.ru</span>        
       <ul>        
        <li><a href="ссылка">название</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 = 20       
        this.animation_delay = 2       
        this.imgage_gap = 3       
        this.plus_image = "http://wsg.3dn.ru/img/Strelka.png"       
        this.minus_image = "http://wsg.3dn.ru/img/Strelka.png"       
        this.pm_width_height = "13,10"       
        this.folder_image = ""       
        this.document_image = "http://wsg.3dn.ru/img/Strelka.png"       
        this.icon_width_height = "16,16"       
        this.icon_width2_height2 = "13,10"       
        this.indent = 1;       

        this.use_hand_cursor = true;       
        this.main_item_styles = "text-decoration:none; font-weight:normal; font-family:Tahoma; font-size:13px; color:#454545; padding:2px; "       
        this.sub_item_styles = "text-decoration:none; font-weight:normal; font-family:Tahoma; font-size:11.2px; color:#dedede; "       
        this.main_container_styles = "padding:0px;"       
        this.sub_container_styles = "padding-top:1px; padding-bottom:1px;"       
        this.main_link_styles = "color:#707070; text-decoration:none;"       
        this.main_link_hover_styles = "color:#01a8ff; text-decoration:none;"       
        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://wsg.3dn.ru/js/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>       
       </ul>
Прикрепления: 6554442.png (13.8 Kb)
Форум » Скрипты для uCoz » Меню для сайта » Красивое вертикальное выдвижное меню
  • Страница 1 из 1
  • 1
Поиск: