Форумы портала PHP.SU :: Версия для печати

1. paranoic - 18 Ноября, 2008 - 21:03:28 - перейти к сообщению

Всем драсть. Помогите мне. Чето я туплю. У мя разворачивающаяся менюшка примерно такого вида

CODE (text):
скопировать код в буфер обмена

 
<body>
<script>
function showMenu(id)
{ if(document.getElementById('menu_'+id).style.display=="") document.getElementById('menu_'+id).style.display="none"; else document.getElementById('menu_'+id).style.display="";
}
</script>
 
<ul id="menu">
 
<li ><a href="" onclick="showMenu('10'); return false;">меню</a></li>
<li><a href="" onclick="showMenu('20'); return false;">меню </a></li>
<li><a href="" onclick="showMenu('30'); return false;">меню </a></li>
<li><a href="" onclick="showMenu('40'); return false;">меню </a></li>
<ul id="menu_40" style="display:none">
 
<li><a href="">меню </a></li>
<li><a href="">меню </a></li>
<li><a href="">меню </a></li>
<li><a href="">меню </a></li>
<li><a href="">меню </a></li>
<li><a href="">меню </a></li>
</ul>
<li><a href="" onclick="showMenu('50'); return false;">меню </a></li>
<ul id="menu_50" style="display:none">
 
<li><a href="">меню </a></li>
<li><a href="">меню </a></li>
<li><a href="">меню </a></li>
<li><a href="">меню </a></li>
</ul>
<li><a href="" onclick="showMenu('60'); return false;">меню </a></li>
<ul id="menu_60" style="display:none">
 
<li><a href="">меню </a></li>
<li><a href="">меню </a></li>
<li><a href="">меню </a></li>
<li><a href="">меню </a></li>
<li><a href="">меню </a></li>
<li><a href="">меню </a></li>
</ul>
<li><a href="files/forum.php" onclick="showMenu('70'); return false;">меню </a></li>
<li><a href="" onclick="showMenu('80'); return false;">меню</a></li>
</ul>
</body>
 

А теперь внимание, вопрос. Необходимо сделать под него фон. Причем так чтоб при разворачивании меню фон автоматически удлиннялся и, например, в центре, при развернутом меню появлялся например блик.