Вторник, 24.08.2010, 17:58

                                                                                                                                                                                                                                                                            
Реклама


  • Страница 1 из 1
  • 1
Форум » скрипты для ucoz » Меню для сайта » Выдвижное меню
Выдвижное меню
inskeДата: Среда, 23.03.2011, 21:11 | Сообщение # 1
Генералиссимус
Группа: гл.администратор
Сообщений: 559
Награды: загрузка наград ... 6
Репутация: 5
Статус: Offline

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>
 
Форум » скрипты для ucoz » Меню для сайта » Выдвижное меню
  • Страница 1 из 1
  • 1
Поиск: