http://s57.radikal.ru/i156/1008/89/829667c2aada.png В CSS:
[Table].amenu {font-size: 10px;text-decoration: none;}
.amenu a:link,
.amenu a:visited {color:#000000;padding-left:6px;margin-bottom: 1px;line-height:6px;display:block;font-weight:normal;background:#FFFFFF;border: 1px solid #808080;}
.amenu a:hover {color:#000000;padding-left:6px;line-height:6px;display:block;font-weight:normal;background:#f2f2f2;border: 1px solid #808080;}[/Table]
[Table]<script type="text/javascript">
//SuckerTree Vertical Menu 1.1 (Nov 8th, 06)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
var menuids=["suckertree1"] //Enter id(s) of SuckerTree UL menus, separated by commas
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]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
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--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
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>
<span class="amenu">
<div class="suckerdiv"><b>
<ul id="suckertree1"> </li>
<li><a href="/load/10">Игры</a>
<ul>
<li><a href="/load/11">Экшены</a> </li>
<li><a href="/load/12">Аркады</a> </li>
<li><a href="/load/13">Гонки</a> </li>
<li><a href="/load/14">Рпг</a> </li>
<li><a href="/load/15">Симуляторы</a> </li>
<li><a href="/load/16">Спорт</a> </li>
<li><a href="/load/17">Стратегии</a> </li>
</ul>
</li>
<li><a href="/load/68">Left 4 Dead 2</a>
<ul>
<li><a href="/load/69">Карты L4D2</a> </li>
<li><a href="/load/70">Патчи</a> </li>
<li><a href="/load/71">Скины выживших</a> </li>
<li><a href="/load/72">Разное</a> </li>
<li><a href="/load/73">Скины оружия</a> </li>
<li><a href="/load/74">Скачать Left 4 Dead2</a></li>
</ul>
</li>
<li><a href="/load/131">Фильмы</a>
<ul>
<li><a href="/load/132">Анимация</a> </li>
<li><a href="/load/133">Эротика</a> </li>
<li><a href="/load/134">Фэнтези</a> </li>
<li><a href="/load/135">Фантастика</a> </li>
<li><a href="/load/136">Ужасы</a></li>
<li><a href="/load/137">Триллер</a> </li>
<li><a href="/load/138">Сказка</a></li>
<li><a href="/load/139">Романтика</a></li>
<li><a href="/load/140">Мюзикл</a></li>
<li><a href="/load/141">Комедия</a> </li>
<li><a href="/load/142">Детектив</a></li>
<li><a href="/load/143">Боевик</a></li>
</ul>
</li>
<li><a href="/load/112">Софт и программы</a>
<ul>
<li><a href="/load/113">Безопасность</a> </li>
<li><a href="/load/114">Бизнес</a> </li>
<li><a href="/load/115">Графика и дизайн</a> </li>
<li><a href="/load/116">Мультимедиа</a> </li>
<li><a href="/load/117">Обучение</a></li>
<li><a href="/load/118">Рабочий стол</a> </li>
<li><a href="/load/130">Русификаторы</a></li>
<li><a href="/load/119">Разработчику</a></li>
<li><a href="/load/120">Сеть</a></li>
<li><a href="/load/121">Система</a> </li>
<li><a href="/load/122">Текст и офис</a></li>
<li><a href="/load/123">Утилиты</a> </li>
<li><a href="/load/124">Для раскрутки сайта</a></li>
<li><a href="/load/129">Операционные системы</a></li>
<li><a href="/load/153">Кряки/Ключи/Кейгены</a></li>
</ul>
</li>
</b>
</div>
</div>
</span>[/Table]