X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Меню с изменением цвета и использованием cookie
Aston_hb
Aston_hb
Topic Starter сообщение 1.4.2010, 21:33; Ответить: Aston_hb
Сообщение #1


Как сделать меню, в котором при наведении указателя мыши пункт меню выделяется другим цветом, при щелчке на пункте меню открывается подменю (предусмотреть возможность выбора и смены цветов меню). Настроить и запомнить в 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+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Ссылочный прогон GSA, с использованием сервиса ручного разгадывания ReCAPTCHA
1 Tutich 1067 8.8.2020, 11:13
автор: Telnor
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1444 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 3384 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Помогите с меню - переделать в выпадающее
1 lepota 1127 4.12.2017, 13:29
автор: yury_mw
Открытая тема (нет новых ответов) Слайдер под меню
0 Olya_Poy 4631 29.11.2017, 11:09
автор: -garmoni-


 



RSS Текстовая версия Сейчас: 19.3.2024, 12:35
Дизайн