Статистика
Последние новости Самые отвечаемые темы Последние сообщения
С Новым Годом 20... 31.12.2015
Первый соревнова... 11.12.2015
Новая статья на ... 04.10.2015
Обзор игры Black... 04.03.2015
Анонс очередных ... 17.01.2015
Что надо добавля... 310
Какой выбрать ан... 293
ДИЗАЙН 247
Болталка 231
Новинки 209
Тема Дата, Время Автор Раздел
Шаблон CS-EXE 02.07.2018, 22:46 aribuz">aribuz Шаблоны
Что такое Semi... 02.07.2018, 11:13 Leo">Leo Полезные статьи и видео
Ответь на вопр... 02.07.2018, 10:42 Krolya">Krolya Игры
Ваши ники на a... 01.07.2018, 18:23 Leo">Leo Разное
HTML - словарь 01.07.2018, 15:29 Leo">Leo Скрипты
Новости,какие ... 30.06.2018, 20:35 Leo">Leo Разное
Как вам сервер... 30.06.2018, 20:19 Leo">Leo Разное
Что надо добав... 30.06.2018, 19:17 Leo">Leo Разное
Кем вы хотели ... 30.06.2018, 19:02 Leo">Leo Разное
ДИЗАЙН 30.06.2018, 18:46 Leo">Leo Разное
Новые пользователи Активные пользователи
nurislamizi2003 20.07.2018
МаксL 17.07.2018
defaultassasin 14.07.2018
destro1221 12.07.2018
Vitaliy 11.07.2018
Leo 2893
ReST 686
m0n0 404
kyka 389
OzzyGreen9I 169
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум dream-x » Все для вебмастера/Помощь вебмастеру » Скрипты » Раздвижное меню на сайт (Раздв. меню)
Раздвижное меню на сайт
Группа: Администраторы
Собщений: 2893
Репутация:
Наград: 22
Замечания : 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
Поиск: