Главная » Файлы » Все Для Ucoz » Скрипты Для ucoz |
Выдвижное меню
04.03.2011, 17:30 | |
В общем это меню сделал не Я но я его переделал и сделал таким красивым Code <!-- UcoZMenu --><style type="text/css"> .suckerdiv ul{ margin: 0; padding: 0; list-style-type: none; width: 185px; /* Width of Menu Items */ border-bottom: 1px solid #ccc; } .suckerdiv ul li{ position: relative; } /*Sub level menu items */ .suckerdiv ul li ul{ position: absolute; width: 170px; /*sub menu width*/ top: 0; visibility: hidden; } /* Sub level menu links style */ .suckerdiv ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: black; text-decoration: none; background: #fff; padding: 5px 5px; border: 1px solid #ccc; border-bottom: 0; } .suckerdiv ul li a:visited{ color: black; } .suckerdiv ul li a:hover{ background-color: #009ee0; } .suckerdiv .subfolderstyle{ background: url(http://mediall.at.ua/img/arrow-list.gif) no-repeat center right; } /* Holly Hack for IE \*/ * html .suckerdiv ul li { float: left; height: 1%; } * html .suckerdiv ul li a { height: 1%; } /* End */ </style> <script type="text/javascript">var menuids=["suckertree1"] function buildsubmenus(){ for (var i=0; i<menuids.length; i++){ var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul") for (var t=0; t<ultags.length; t++){ ultags[t].parentNode.getElementsByTagName("a")[0].className="subfolderstyle" if (ultags[t].parentNode.parentNode.id==menuids[i]) ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" else ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" ultags[t].parentNode.onmouseover=function(){ this.getElementsByTagName("ul")[0].style.display="block" } ultags[t].parentNode.onmouseout=function(){ this.getElementsByTagName("ul")[0].style.display="none" } } for (var t=ultags.length-1; t>-1; t--){ ultags[t].style.visibility="visible" ultags[t].style.display="none" } } } if (window.addEventListener) window.addEventListener("load", buildsubmenus, false) else if (window.attachEvent) window.attachEvent("onload", buildsubmenus)</script> <div class="suckerdiv"> <ul id="suckertree1"> <li><a href="$HOME_PAGE_LINK$"><img src = http://s7.ucoz.net/.s/img/icon/bl.png> Главная страница</a></li> <li><a href="/forum"><img src = http://s24.ucoz.net/.s/img/icon/fr.png> Форум</a></li> <li><a href="/load"><img src = http://megasoft.3dn.ru/images/modern_icon_soft.gif> Архив файлов</a></li> <li><a href="/index/0-5"><img src = http://megasoft.3dn.ru/images/modern_cat_games.gif> Помощь сайту</a></li> <li><a href="/dir"><img src = http://megasoft.3dn.ru/images/modern_icon_wallpapers.gif> Каталог сайтов</a></li> <li><a href="" ><img src = http://megasoft.3dn.ru/images/modern_cat_video2.gif> Онлайн фильмы</a> <ul> <li><a href="http://collection-games.ru/blog/boeviki/1-0-2" ><img src =http://megasoft.3dn.ru/images/modern_cat_video2.gif> Боевики</a> <li><a href="http://collection-games.ru/blog/dramy/1-0-3" ><img src = http://megasoft.3dn.ru/images/modern_cat_video2.gif> Драмы</a> <li><a href="http://collection-games.ru/blog/dokumentalnye/1-0-4" ><img src = http://megasoft.3dn.ru/images/modern_cat_video2.gif> Документальные </a> <li><a href="/http://collection-games.ru/blog/multfilmy/1-0-5" ><img src = http://megasoft.3dn.ru/images/modern_cat_video2.gif> Мультфильмы</a> <li><a href="http://collection-games.ru/blog/uzhasy/1-0-6" ><img src =http://megasoft.3dn.ru/images/modern_cat_video2.gif> Ужасы</a> <li><a href="http://collection-games.ru/blog/komedii/1-0-1" ><img src = http://megasoft.3dn.ru/images/modern_cat_video2.gif> Семейные</a> </ul> </li> <li><a href="" ><img src = http://megasoft.3dn.ru/images/modern_icon_mobile.gif> Всё для игр</a> <ul> <li><a href="/load/1" ><img src = http://megasoft.3dn.ru/images/modern_icon_mobile.gif> Counter-Strike 1.6</a> <li><a href="/load/8" ><img src = http://megasoft.3dn.ru/images/modern_icon_mobile.gif> GTA San-Andreas</a> <li><a href="/load/12" ><img src = http://megasoft.3dn.ru/images/modern_icon_mobile.gif> WarCraft </a> <li><a href="/load/15" ><img src = http://megasoft.3dn.ru/images/modern_icon_mobile.gif> Counter-Strike Source</a> <li><a href="/load/22" ><img src = http://megasoft.3dn.ru/images/modern_icon_mobile.gif> Скачать игры</a> </ul> </li> <li><a href="/load/26" ><img src = http://megasoft.3dn.ru/images/ms.PNG> ПК</a> <ul> <li><a href="http://collection-games.ru/load/27" ><img src = http://megasoft.3dn.ru/images/ms.PNG> Софт</a> <li><a href=http://collection-games.ru/load/30" ><img src = http://megasoft.3dn.ru/images/ms.PNG> Остальное</a> </li> </ul> <li><a href="/load/26" ><img src = http://megasoft.3dn.ru/images/modern_icon_photoshop.gif> PhotoShop</a> <ul> <li><a href="/load/vsjo_dlja_photoshop/kisti/36" ><img src = http://megasoft.3dn.ru/images/modern_icon_photoshop.gif> Кисти</a> <li><a href=/load/vsjo_dlja_photoshop/stili/37"> <img src = http://megasoft.3dn.ru/images/modern_icon_photoshop.gif> Стили</a> <li><a href=/load/vsjo_dlja_photoshop/gradienty/38" ><img src = http://megasoft.3dn.ru/images/modern_icon_photoshop.gif> Градиенты</a> <li><a href=/load/vsjo_dlja_photoshop/plaginy/39" ><img src = http://megasoft.3dn.ru/images/modern_icon_photoshop.gif> Плагины</a> <li><a href=/load/vsjo_dlja_photoshop/shrifty/40" ><img src = http://megasoft.3dn.ru/images/modern_icon_photoshop.gif> Шрифты</a> </li> </ul> <li><a href="/load/26" ><img src = http://megasoft.3dn.ru/images/modern_icon_informers.gif> Инфо Веб-мастеру</a> <ul> <li><a href="http://collection-games.ru/forum/29" ><img src = http://megasoft.3dn.ru/images/modern_icon_informers.gif> Раскрутка сайта</a> <li><a href=http://collection-games.ru/forum/30"> <img src = http://megasoft.3dn.ru/images/modern_icon_informers.gif> Заработок в интернете</a> <li><a href=http://collection-games.ru/forum/32" ><img src = http://megasoft.3dn.ru/images/modern_icon_informers.gif> F.A.Q.</a> </li> </ul> </li> <li><a href="/load/26" ><img src = http://s0.ucoz.net/favicon1.ico> uCoz</a> <ul> <li><a href="/load/28" ><img src = http://s0.ucoz.net/favicon1.ico> Шаблоны для сайта</a> <li><a href=/load/29" ><img src = http://s0.ucoz.net/favicon1.ico> Разное для сайта</a> </li> </ul> <li><a href="/load/26" ><img src = http://collection-games.ru/img/nota.png> Аудио</a> <ul> <li><a href="/load/audio/muzyka/45" ><img src = http://collection-games.ru/img/nota.png> Музыка</a> <li><a href=/load/audio/klipy/46" ><img src = http://collection-games.ru/img/nota.png> Клипы</a> </li> </ul> <li><a href="/load/26" ><img src =http://s7.ucoz.net/.s/img/icon/dr.png> DLE</a> <ul> <li><a href="http://collection-games.ru/load/dle/vsjo_dlja_dle/42" ><img src = http://s7.ucoz.net/.s/img/icon/dr.png> Всё для DLE</a> <li><a href=/forum/47" ><img src = http://s7.ucoz.net/.s/img/icon/dr.png> Форум по DLE</a> </li> </ul> </ul> </li> </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> <!-- /UcoZMenu --></div> | |
Просмотров: 1144 | Загрузок: 0 | Рейтинг: 1.0/1 |
Всего комментариев: 0 | |