Раздвижное меню на сайт - Форум dream-x

Перейти к содержимому

Статистика
Последние новости Самые отвечаемые темы Последние сообщения
С Новым Годом 20... 31.12.2015
Первый соревнова... 11.12.2015
Новая статья на ... 04.10.2015
Обзор игры Black... 04.03.2015
Анонс очередных ... 17.01.2015
Ваши ники на aim... 434
Что надо добавля... 403
Болталка 320
Зарабатываем Вко... 300
Какой выбрать ан... 267
Тема Дата, Время Автор Раздел
Асоциации 18.10.2017, 00:29 Leo">Leo Игры
Альф / ALF 18.10.2017, 00:22 Leo">Leo Кино,фильмы,сериалы - TV
Какой стиль вы... 18.10.2017, 00:16 Leo">Leo Музыка
Делаем акварел... 18.10.2017, 00:10 Leo">Leo Уроки Photoshop'a
cs_estate 17.10.2017, 23:59 Leo">Leo Тактики и правила боя на основных картах
Болталка 17.10.2017, 23:53 Fan">Fan Болталка(флуд)
Новинки 17.10.2017, 23:48 Leo">Leo Кино,фильмы,сериалы - TV
Ваши ники на a... 17.10.2017, 23:44 Leo">Leo Разное
Флуд 17.10.2017, 23:42 Leo">Leo Обсуждение
Что такое САР? 17.10.2017, 23:31 Leo">Leo Статьи
Новые пользователи Активные пользователи
Steep 29.09.2017
molodou11 21.09.2017
Pasha_Turkov 12.09.2017
ruslan7777 29.08.2017
ApotekinSE 29.08.2017
Leo 2897
ReST 686
KamorkasKn 540
Amediaotopxx 501
CharlesFeexy 408
Открыть

Список форумов



Страница 1 из 11
Форум dream-x » Все для вебмастера/Помощь вебмастеру » Скрипты » Раздвижное меню на сайт (Раздв. меню)
Раздвижное меню на сайт
           
   Leo     Дата: Четверг, 11.06.2009, 18:23 | Сообщение # 1
  
           
:-(


  
Сообщений: 2897
Награды: 22
Репутация:
           
Выглядит это так на нашем сайте 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      


Я умный и этим все сказано! ^^
leo tawii - может тащить!
А dream-x | leo - может решать! ;)

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