Рабочее раздвижное меню! Итак, Создаём новый блок и кидаем туда вот этот код (поменяйте ссылки на свои, через информер не работает!!!) Создадим в корне папку "menu" и засунем туда файлы из архива: Цвет ссылок редактируйте в этой строчки кода: this.main_link_styles = "color:#ffffff; text-decoration:none;"
Код: 1<div style="display:inline;" id="menuDiv"><ul id="tmenu0" style="margin-left:4px"> 2 <li class="expanded"><span style="font-weight:bold">Навигация</span> 3 <ul> 4 <li><a href="$HOME_PAGE_LINK$">Главная</a></li> 5 <li><a href="/forum/">Форум</a></li> 6 </ul></li> 7 8 <li class="expanded"><span style="font-weight:bold">НАЗВАНИЕ</span> 9 <ul> 10 <li><a href="ССЫЛКА">НАЗВАНИЕ</a></li> 11 <li><a href="ССЫЛКА">НАЗВАНИЕ</a></li> 12 <li><a href="ССЫЛКА">НАЗВАНИЕ</a></li> 13 <li><a href="ССЫЛКА">НАЗВАНИЕ</a></li> 14 </ul></li> 15 16 <li><span style="font-weight:bold">НАЗВАНИЕ</span> 17 <ul> 18 <li><a href="ССЫЛКА">НАЗВАНИЕ</a></li> 19 <li><a href="ССЫЛКА">НАЗВАНИЕ</a></li> 20 <li><a href="ССЫЛКА">НАЗВАНИЕ</a></li> 21 <li><a href="ССЫЛКА">НАЗВАНИЕ</a></li> 22 23 </ul></li> 24 <script type="text/javascript"> 25 //<![CDATA[ 26 var li = document.getElementById('tmenu0').getElementsByTagName('li'); 27 for(i in li) if(li[i].className=='expanded') li[i].setAttribute('expanded','1'); 28 function tmenudata0() { 29 this.animation_jump = 5 30 this.animation_delay = 2 31 this.imgage_gap = 3 32 this.plus_image = "http://vsebudetok.net/menu/plus_fav.gif" 33 this.minus_image = "http://vsebudetok.net/menu/n_st.gif" 34 this.pm_width_height = "14,14" 35 this.folder_image = "http://vsebudetok.net/menu/folder.gif" 36 this.document_image = "http://vsebudetok.net/menu/n_st.gif" 37 this.icon_width_height = "16,16" 38 this.icon_width2_height2 = "11,6" 39 this.indent = 10; 40 41 this.use_hand_cursor = true; 42 this.main_item_styles = "text-decoration:none; font-weight:normal; font-family:Arial; font-size:12px; color:#gold; padding:2px; " 43 this.sub_item_styles = "text-decoration:none; font-weight:normal; font-family:Arial; font-size:12px; color:#333333; " 44 this.main_container_styles = "padding:0px;" 45 this.sub_container_styles = "padding-top:1px; padding-bottom:1px;" 46 this.main_link_styles = "color:#ffffff; text-decoration:none;" 47 this.main_link_hover_styles = "color:#A98579; text-decoration:underline;" 48 this.sub_link_styles = "" 49 this.sub_link_hover_styles = "" 50 this.main_expander_hover_styles = "text-decoration:underline;"; 51 this.sub_expander_hover_styles = ""; 52 } 53 //]]> 54 </script> 55 <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> 56 </ul>
|