Ответов: 2 Просмотров: 2076
|
Всем драсть. Помогите мне. Чето я туплю. У мя разворачивающаяся менюшка примерно такого вида
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>
А теперь внимание, вопрос. Необходимо сделать под него фон. Причем так чтоб при разворачивании меню фон автоматически удлиннялся и, например, в центре, при развернутом меню появлялся например блик. |