 горизонтальное меню., помогите. |
 |
 ВходЗдравствуйте, Гость ( Вход | Регистрация )
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
  |
  Jan 13 2010, 20:19
Сообщение
#1
|
|
|
Юзверь  Группа: Пользователи Сообщений: 48 Регистрация: 30.9.2008 Из: Екатеринодаръ Пользователь №: 5,670 Спасибо сказали: 1 Вставить ник  |
|
 |
 
|
|
Jan 13 2010, 21:25
Сообщение
#2
|
|
|
Я уже люблю АС Группа: Пользователи Сообщений: 196 Регистрация: 5.8.2008 Пользователь №: 4,945 Спасибо сказали: 39 Вставить ник |
с помощью html и явы
|
|
|
|
|
Jan 13 2010, 21:37
Сообщение
#3
|
|
|
Юзверь Группа: Пользователи Сообщений: 48 Регистрация: 30.9.2008 Из: Екатеринодаръ Пользователь №: 5,670 Спасибо сказали: 1 Вставить ник |
Не поможешь??
|
|
|
|
|
Jan 14 2010, 02:29
Сообщение
#4
|
|
|
Юзверь Группа: Пользователи Сообщений: 48 Регистрация: 30.9.2008 Из: Екатеринодаръ Пользователь №: 5,670 Спасибо сказали: 1 Вставить ник |
Сам себе говорю спасибо)))сделал))каму интересно,могу поделиться
|
nswp, Вас 1 раз(а) поблагодарили за это сообщение: Immeasurability | |
|
|
|
|
Mar 26 2010, 09:33
Сообщение
#5
|
|
|
Приблуда Группа: Пользователи Сообщений: 12 Регистрация: 26.3.2010 Пользователь №: 10,228 Спасибо сказали: 0 Вставить ник |
Паделись!
|
|
|
|
|
Mar 26 2010, 10:36
Сообщение
#6
|
|
|
прорвемся...  Группа: [..AS..] Сообщений: 2,388 Регистрация: 6.9.2008 Из: Latvia Riga-Vangaži Пользователь №: 5,367 Спасибо сказали: 457 Вставить ник |
таких менюшек полный гугл, хоть 10 штук ставь, разных
|
|
|
|
|
Mar 26 2010, 17:54
Сообщение
#7
|
|
|
Живу на АС Группа: Пользователи Сообщений: 462 Регистрация: 23.5.2008 Из: Aktobe Kazahstan Пользователь №: 3,888 Спасибо сказали: 51 Вставить ник |
ЦИТАТА(patriot @ Jan 13 2010, 22:25 )  с помощью html и явы Кстати очень просто реализовать и на css. |
|
|
|
|
Jul 30 2010, 13:55
Сообщение
#8
|
|
|
Юзверь Группа: Пользователи Сообщений: 35 Регистрация: 17.2.2008 Пользователь №: 2,400 Спасибо сказали: 0 Вставить ник |
Надыбыл тут код меню, но есть пара нюансов... подскажите как заместо первичных ссылок сделать графическую кнопку и как сделать таймаут исчезновения меню? А то навестись на пункт, зачастую не успеваешь... Вот код:
КОД <html>
<head> <style> body { font-family: verdana, sans-serif; font-size:13px; margin:0px; padding:0px; background:#ffffff;} .menu { background:#transparent; width:100%; } #block_menu { margin-left:5px; } .punkt {float:left; padding: 1px 1px 0px 1px; background:transparent; position:relative; cursor:pointer; } .punkt div {padding:2px 7px 2px 7px;} /* оформление выпадающих менюх */ div.list_punkts {background:#ffffff; position:absolute; top:26px; left:0px; display:none; padding:0px; width:180px; border:solid 0px #000; } div.list_punkts div.kont {padding:0px;margin:3px; /*background:#000000;*/ } /* первичный цвет текста до наведения курсора */ div.list_punkts a {text-decoration:none; padding:0px; cursor:pointer; color:#000000;} div.list_punkts div a div.podpunkt { /*background:#ffffff;*/ width:100%; padding:0px; margin-top:2px; } div.list_punkts div a div.podpunkt div { width:100%;padding:0px 0px 0px 2px; white-space:pre;} div.list_punkts div a:hover { background:#ffffff; } /* выделение пункта меню */ div.list_punkts div a:hover div.podpunkt { background:#ffffff; color:#000; } .footer_menu { clear:both; } </style> </head> <body> <script type="text/javascript"> function overPunkt(obj_listPunkt) { /* делаем выпадающее меню видимым */ obj_listPunkt.childNodes[1].style.display="block"; /* ставим выпадающее меню ниже пункта меню */ obj_listPunkt.childNodes[1].style.top=obj_listPunkt.offsetHeight; /*дальше идет оформление пункта меню */ obj_listPunkt.style.background="transparent"; obj_listPunkt.style.padding=0; obj_listPunkt.childNodes[0].style.border="solid 0px #fff"; obj_listPunkt.childNodes[0].style.borderBottom="none"; /* запоминаем цвет текста пункта меню, чтоб потом его можно было восстановить */ color_text=obj_listPunkt.style.color; obj_listPunkt.style.color="#000"; } function outPunkt(obj_listPunkt) { /* делаем выпадающее меню невидимым */ obj_listPunkt.childNodes[1].style.display="none"; /* дальше восстанавливаем первоначальный внешний вид пункта меню */ obj_listPunkt.style.background="transparent"; obj_listPunkt.style.padding=1; obj_listPunkt.style.paddingBottom=0; obj_listPunkt.childNodes[0].style.border="none"; obj_listPunkt.style.color=color_text; } </script> <div class="menu"> <div id="block_menu"> <div class="punkt" onMouseOver="overPunkt(this);" onMouseOut="outPunkt(this);"><div>Компания</div ><div class="list_punkts"><div class="kont"> <a href="#"><div class="podpunkt"><div>О Компании</div></div></a> <a href="#"><div class="podpunkt"><div>Вакансии</div></div></a> <a href="#"><div class="podpunkt"><div>Контакты</div></div></a> <a href="#"><div class="podpunkt"><div>Фото </div></div></a> </div></div> </div> .................................................................. </div> <div class="footer_menu"></div> </div> </body> </html> Сообщение отредактировал Wizardy: Jul 30 2010, 14:55 |
|
|
|
|
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0
|
Текстовая версия | Сейчас: 1 June 2024 - 10:12 |
