Раздвижное меню для uCoz сайтов



Разработчик: неизвестен

Скрипт меню для сайтов системы uCoz понравится тем кто мечтал о простом и в тоже время функциональном раздвижном меню. Данный скрипт устанавляивается в любое место или блок и выполняет все свои функции меню на все 100% что позволяет использовать его на любом сайте. Тематика данного меню не как не выражена, меню имеет картинки (в виде папок) что очень красиво и оригинально смотрится.

Установка:
1) копируем данный код и вставляем в новый блок или же в то место где желаем видеть раздвижное меню
2) Меняем ссылки на свои

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>
</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>  
</ul></li>

<li><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>  

</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 = "http://vsebudetok.net/menu/plus_fav.gif"  
  this.minus_image = "http://vsebudetok.net/menu/n_st.gif"  
  this.pm_width_height = "14,14"  
  this.folder_image = "http://vsebudetok.net/menu/folder.gif"  
  this.document_image = "http://vsebudetok.net/menu/n_st.gif"  
  this.icon_width_height = "16,16"  
  this.icon_width2_height2 = "11,6"  
  this.indent = 10;  

  this.use_hand_cursor = true;  
  this.main_item_styles = "text-decoration:none; font-weight:normal; font-family:Arial; font-size:12px; color:#gold; padding:2px; "  
  this.sub_item_styles = "text-decoration:none; font-weight:normal; font-family:Arial; font-size:12px; color:#333333; "  
  this.main_container_styles = "padding:0px;"  
  this.sub_container_styles = "padding-top:1px; padding-bottom:1px;"  
  this.main_link_styles = "color:#ffffff; text-decoration:none;"  
  this.main_link_hover_styles = "color:#A98579; text-decoration:underline;"  
  this.sub_link_styles = ""  
  this.sub_link_hover_styles = ""  
  this.main_expander_hover_styles = "text-decoration:underline;";  
  this.sub_expander_hover_styles = "";  
}  
//]]>  
</script>  
<script src="http://vsebudetok.net/menu/jsMenu.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>



Категория: Скрипты меню | Добавил: GaV | Теги: прозрачный фон, скрипт, с картинками, uCoz, меню, Раздвижное меню для uCoz сайтов, светлое
Просмотров: 1047 | Загрузок: 257 | Комментарии: 2 | Рейтинг: 0.0/0
Всего комментариев: 2
1 kolyajen  
0
А как скопировать? у меня не получается скопировать код sad

2 GaV  
0
Скачивайте архив, в нем имеется весь код

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]