Статистика
Последние новости Самые отвечаемые темы Последние сообщения
Оживляем сайт в ... 25.06.2022
С Новым Годом 20... 31.12.2015
Первый соревнова... 11.12.2015
Новая статья на ... 04.10.2015
Обзор игры Black... 04.03.2015
Что надо добавля... 312
Какой выбрать ан... 297
ДИЗАЙН 237
Болталка 228
Новинки 213
Тема Дата, Время Автор Раздел
Extreme sport 15.09.2023, 15:40 Leo">Leo Спорт
Красный шаблон... 15.09.2023, 09:04 Leo">Leo Шаблоны
Браузерная игр... 15.09.2023, 07:36 Grandar">Grandar Игры
Делаем акварел... 04.09.2023, 07:45 Leo">Leo Уроки Photoshop'a
HTML - словарь 04.09.2023, 07:44 Leo">Leo Скрипты
de_dust2 04.09.2023, 07:43 SodiK">SodiK Тактики и правила боя на основных картах
Флуд 04.09.2023, 07:42 Leo">Leo Обсуждение
Новинки 04.09.2023, 07:42 Leo">Leo Кино,фильмы,сериалы - TV
Что вы думаете... 04.09.2023, 07:41 Fisher">Fisher Болталка(флуд)
заявка на снят... 04.09.2023, 07:41 Evolution">Evolution Баны
Новые пользователи Активные пользователи
BARIJIT 24.09.2023
qwartyyy 27.08.2023
L1nkass 16.08.2023
destryyy 12.08.2023
BelC5 26.07.2023
Leo 2893
ReST 686
m0n0 404
kyka 389
OzzyGreen9I 169
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум dream-x » Все для вебмастера/Помощь вебмастеру » Скрипты » Раздвижное меню на сайт (Раздв. меню)
Раздвижное меню на сайт
Группа: Администраторы
Собщений: 2893
Репутация:
Наград: 24
Замечания : 0%
# 1 18:23
Выглядит это так на нашем сайте www.dream-x.ru:

Соответственно в код вставите свои данные Соответственно этим скриптом заменяете меню в блоке Меню

Code
<div id="menuDiv" style="display: inline;">        
<ul id="tmenu0" style="display: none;">        
<li class="">        
<span>Основной раздел</span>        
<ul>        
<li class="m"><a class="m" href="$HOME_PAGE_LINK$">Главная страница</a></li>        
<li class="m"><a class="m" href="http://">О нас</a></li>        
<li class="m"><a class="m" href="http://>Форум</a></li>        
<li class="m"><a class="m" href="http://">Фотогалереи</a></li>        
<li class="m"><a class="m" href="http://">Файловый архив</a></li>
<li class="m"><a class="m" href="http://">Большой чат</a></li>        
<li class="m"><a class="m" href="http://">Статистика сайта</a></li>
</ul>        
</li>        

<li class="">        
<span>Дополнительный раздел</span>        
<ul>        
<li class="m"><a class="m" href="http://">Статьи</a></li>        
<li class="m"><a class="m" href="http://">Блогеры</a></li>        
<li class="m"><a class="m" href="http://">Топ сайтов</a></li>        
               
</ul>        
</li>        

<li class="">        
<span>Ваши отзывы</span>        
<ul>        
<li class="m"><a class="m" href="http://">Гостевая книга</a></li>        
<li class="m"><a class="m" href="http://">Ваши вопросы - <br>Наши ответы</a></li>        
<li class="m"><a class="m" href="http://">Обратная связь</a></li>        
</ul>        
</li>        
<li class="">        
<span>Разное</span>        
<ul>        
<li class="m"><a class="m" href="http://">Файлообменник<br>от SDGraf'a</a></li>        
<li class="m"><a class="m" href="http://">Тесты</a></li>        
<li class="m"><a class="m" href="http://">Гороскопы</a></li>        
<li class="m"><a class="m" href="http://">Гидрометеоцентр</a></li>
<li class="m"><a class="m" href="http://">Поздравительная<br>страничка</a></li>        
</ul>        
</li>        
</div>
<hr>

<script type="text/javascript">
function tmenudata0()
{
this.animation_jump = 15
this.animation_delay = 2
this.imgage_gap = 4
this.plus_image = "http://dream-x.ru/raznoe/dl9caita/menu_plus.gif"
this.minus_image = "http://dream-x.ru/raznoe/dl9caita/menu_minus.gif"
this.pm_width_height = "16,16"
this.folder_image = ""
this.document_image = ""
this.icon_width_height = "16,16"
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:#ffffff; \
padding:2px; "
this.sub_item_styles = "text-decoration:none; \
font-weight:normal; \
font-family:Arial; \
font-size:12px; \
color:#ffffff; "
this.main_container_styles = "padding:0px;"
this.sub_container_styles = "padding-top:7px; padding-bottom:7px;"
this.main_link_styles = "color:#fee1e1; text-decoration:none;"
this.main_link_hover_styles = "color:#da7553; 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 language=JavaScript>ulm_ie=window.showHelp;ulm_opera=window.opera; ulm_strict=((ulm_ie || ulm_opera)&&(document.compatMode=="CSS1Compat"));ulm_mac=navigator.userAgent.indexOf("Mac")+1;  is_animating=false;cc3=new Object();cc4=new Object();
cc0=document.getElementsByTagName("UL");for(mi=0;mi<cc0.length; mi++){if(cc1=cc0[mi].id){if(cc1.indexOf("tmenu")>-1){cc1=cc1.substring(5); cc2=new window["tmenudata"+cc1];cc3["img"+cc1]=new Image();cc3["img"+cc1].src=cc2.plus_image;cc4["img"+cc1]=new Image(); cc4["img"+cc1].src=cc2.minus_image;if(!(ulm_mac && ulm_ie)){t_cc9=cc0[mi].getElementsByTagName("UL");for(mj=0;mj<t_cc9.length; mj++){cc23=document.createElement("DIV");cc23.className="uldivs"; cc23.appendChild(t_cc9[mj].cloneNode(1));t_cc9[mj].parentNode.replaceChild(cc23,t_cc9[mj]); }}cc5(cc0[mi].childNodes,cc1+"_",cc2,cc1);  cc6(cc1,cc2);cc0[mi].style.display="block"; }}};function cc5(cc9,cc10,cc2,cc11){eval("cc8=new Array("+cc2.pm_width_height+")");this.cc7=0;for(this.li=0;this.li<cc9.length; this.li++){if(cc9[this.li].tagName=="LI"){this.level=cc10.split("_").length-1; cc9[this.li].style.cursor="default";this.cc12=false;this.cc13=cc9[this.li].childNodes; for(this.ti=0;this.ti<this.cc13.length;this.ti++){lookfor="DIV"; if(ulm_mac && ulm_ie)lookfor="UL";if(this.cc13[this.ti].tagName==lookfor){this.tfs=this.cc13[this.ti].firstChild;  if(ulm_mac && ulm_ie)this.tfs=this.cc13[this.ti];this.usource=cc3["img"+cc11].src; if((gev=cc9[this.li].getAttribute("expanded"))&&(parseInt(gev))){this.usource=cc4["img"+cc11].src;  }else this.tfs.style.display="none";if(cc2.folder_image){create_images(cc2,cc11,cc2.icon_width_height,cc2.folder_image,cc9[this.li]);  this.ti=this.ti+2;}this.cc14=document.createElement("IMG");this.cc14.setAttribute("width",cc8[0]);  this.cc14.setAttribute("height",cc8[1]);this.cc14.className="plusminus"; this.cc14.src=this.usource;this.cc14.onclick=cc16;this.cc14.onselectstart=function(){return false};  this.cc14.setAttribute("cc2_id",cc11);this.cc15=document.createElement("div"); this.cc15.style.display="inline";this.cc15.style.paddingLeft=cc2.imgage_gap+"px"; cc9[this.li].insertBefore(this.cc15,cc9[this.li].firstChild); cc9[this.li].insertBefore(this.cc14,cc9[this.li].firstChild); this.ti+=2;new cc5(this.tfs.childNodes,cc10+this.cc7+"_",cc2,cc11);this.cc12=1; }else if(this.cc13[this.ti].tagName=="SPAN"){this.cc13[this.ti].onselectstart=function(){return false}; this.cc13[this.ti].onclick=cc16;this.cc13[this.ti].setAttribute("cc2_id",cc11); this.cname="cc24";if(this.level>1)this.cname="cc25";if(this.level> 1)this.cc13[this.ti].onmouseover=function(){this.className="cc25"; };else this.cc13[this.ti].onmouseover=function(){this.className="cc24"; };this.cc13[this.ti].onmouseout=function(){this.className="";}; }}if(!this.cc12){if(cc2.document_image){create_images(cc2,cc11,cc2.icon_width_height,cc2.document_image,cc9[this.li]);  }this.cc15=document.createElement("div");this.cc15.style.display="inline"; if(ulm_ie)this.cc15.style.width=cc2.imgage_gap+cc8[0]+"px";else this.cc15.style.paddingLeft=cc2.imgage_gap+cc8[0]+"px"; cc9[this.li].insertBefore(this.cc15,cc9[this.li].firstChild);}this.cc7++; }}};function create_images(cc2,cc11,iwh,iname,liobj){eval("tary=new Array("+iwh+")");this.cc15=document.createElement("div");this.cc15.style.display="inline"; this.cc15.style.paddingLeft=cc2.imgage_gap+"px";  liobj.insertBefore(this.cc15,liobj.firstChild); this.fi=document.createElement("IMG");this.fi.setAttribute("width",tary[0]); this.fi.setAttribute("height",tary[1]);this.fi.setAttribute("cc2_id",cc11); this.fi.className="plusminus";this.fi.src=iname;this.fi.style.verticalAlign="middle"; this.fi.onclick=cc16;liobj.insertBefore(this.fi,liobj.firstChild); };function cc16(){if(is_animating)return;cc18=this.getAttribute("cc2_id"); cc2=new window["tmenudata"+cc18];cc17=this.parentNode.getElementsByTagName("UL"); if(parseInt(this.parentNode.getAttribute("expanded"))){this.parentNode.setAttribute("expanded",0);  if(ulm_mac && ulm_ie){cc17[0].style.display="none";}else {cc27=cc17[0].parentNode;cc27.style.overflow="hidden";cc26=cc27; cc27.style.height=cc17[0].offsetHeight;cc27.style.position="relative"; cc17[0].style.position="relative";is_animating=1;setTimeout("cc29("+(-cc2.animation_jump)+",false,"+cc2.animation_delay+")",0);  }this.parentNode.firstChild.src=cc3["img"+cc18].src;}else {this.parentNode.setAttribute("expanded",1);if(ulm_mac && ulm_ie){cc17[0].style.display="block";}else {cc27=cc17[0].parentNode;cc27.style.height="1px";cc27.style.overflow="hidden"; cc27.style.position="relative";cc26=cc27;cc17[0].style.position="relative"; cc17[0].style.display="block";cc28=cc17[0].offsetHeight;cc17[0].style.top=-cc28+"px"; is_animating=1;setTimeout("cc29("+cc2.animation_jump+",1,"+cc2.animation_delay+")",0); }this.parentNode.firstChild.src=cc4["img"+cc18].src;}};function cc29(inc,expand,delay){cc26.style.height=(cc26.offsetHeight+inc)+"px"; cc26.firstChild.style.top=(cc26.firstChild.offsetTop+inc)+"px"; if( (expand &&(cc26.offsetHeight<(cc28)))||(!expand &&(cc26.offsetHeight>Math.abs(inc))) )setTimeout("cc29("+inc+","+expand+","+delay+")",delay);else {if(expand){cc26.style.overflow="visible"; if((ulm_ie)||(ulm_opera && !ulm_strict))cc26.style.height="0px";else cc26.style.height="auto";cc26.firstChild.style.top=0+"px";}else {cc26.firstChild.style.display="none"; cc26.style.height="0px";}is_animating=false;}};function cc6(id,cc2){np_refix="#tmenu"+id;cc20="<style type='text/css'>";cc19="";if(ulm_ie)cc19="height:0px;font-size:1px; ";cc20+=np_refix+" {width:100%;"+cc19+"-moz-user-select:none;margin:0px;padding:0px; list-style:none;"+cc2.main_container_styles+"}";cc20+=np_refix+" li{white-space:nowrap; list-style:none;margin:0px;padding:0px;"+cc2.main_item_styles+"}"; cc20+=np_refix+" ul li{"+cc2.sub_item_styles+"}";cc20+=np_refix+" ul{list-style:none;margin:0px;padding:0px;padding-left:"+cc2.indent+"px; "+cc2.sub_container_styles+"}";cc20+=np_refix+" a{"+cc2.main_link_styles+"}";cc20+=np_refix+" a:hover{"+cc2.main_link_hover_styles+"}";cc20+=np_refix+" ul a{"+cc2.sub_link_styles+"}";cc20+=np_refix+" ul a:hover{"+cc2.sub_link_hover_styles+"}";cc20+=".cc24 {"+cc2.main_expander_hover_styles+"}";if(cc2.sub_expander_hover_styles)cc20+=".cc25 {"+cc2.sub_expander_hover_styles+"}"; else cc20+=".cc25 {"+cc2.main_expander_hover_styles+"}";if(cc2.use_hand_cursor)cc20+=np_refix+" li span,.plusminus{cursor:url('http://graphics-xp.ucoz.ru/cursor.cur'); cursor:pointer;}";else cc20+=np_refix+" li span,.plusminus{cursor:default;}";document.write(cc20+"</style> ");}</SCRIPT>
</div>

Кому помог,ставьте + smile

Форум dream-x » Все для вебмастера/Помощь вебмастеру » Скрипты » Раздвижное меню на сайт (Раздв. меню)
  • Страница 1 из 1
  • 1
Поиск: