Как сделать меню, в котором при наведении указателя мыши пункт меню выделяется другим цветом, при щелчке на пункте меню открывается подменю (предусмотреть возможность выбора и смены цветов меню). Настроить и запомнить в cookie основной и дополнительный цвета меню и использовать эти цвета при повторных посещениях.
Сделал просто меню, меняющее цвет.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Menu</title>
<style>
body,table {font:8pt MS Sans Serif; color:windowtext; background:menu;}
td {border:0; cursor:default;}
</style>
</head>
<script language="JavaScript">
var menu_state=0;
function go_menu1()
{
tablo.outerHTML="<div id=tablo style=\"POSITION:ABSOLUTE; LEFT:10; TOP:40;\"><table border=2 bordercolordark=black><tr><td onMouseOver=\"this.style.color='#ffffff';this.style.background='red';\" onmouseout=\"this.style.color='#000000';this.style.background='menu';\" onClick=\"\">Home Submenu 1</td></tr><tr><td onMouseOver=\"this.style.color='#ffffff';this.style.background='blue';\" onmouseout=\"this.style.color='#000000';this.style.background='menu';\" onClick=\"\">Home Submenu 2</td></tr><tr><td onMouseOver=\"this.style.color='#ffffff';this.style.background='#352983';\" onmouseout=\"this.style.color='#000000';this.style.background='menu';\" onClick=\"\">Home Submenu 3</td></tr><tr><td onMouseOver=\"this.style.color='#ffffff';this.style.background='green';\" onmouseout=\"this.style.color='#000000';this.style.background='menu';\" onClick=\"\">Home Submenu 4</td></tr><tr><td onMouseOver=\"this.style.color='#ffffff';this.style.background='yellow';\" onmouseout=\"this.style.color='#000000';this.style.background='menu';\" onClick=\";\">Home Submenu 5</td></tr></table></div>";
menu_state=2;
}
function none_menu()
{
if (menu_state==2) {menu_state=1;return;}
tablo.innerHTML="";
menu_state=0;
}
</script>
<body onClick="menu_state?none_menu():null;">
<table border="2">
<tr>
<td onClick="go_menu1();"
onMouseOver="this.style.color='#ffffff';this.style.background='#352983';if (menu_state!=0) { go_menu1(); menu_state=1;}"
onmouseout="this.style.color='#000000';this.style.background='menu';"><font
face="MS Sans Serif" size="1">Меню Home</font></td>
<td><font face="MS Sans Serif" size="1">|</font></td>
</tr>
</table>
<div id="tablo" style="POSITION:ABSOLUTE; LEFT:100; TOP:35;"></div>
</body>
</html>
</xmp>
Как сделать чтобы при нажатии менялся цвет меню и записывался в cookie?
Заранее спасибо за помощь.
Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
|