| |
|
|
| | Здравствуйте!
Есть меню:
<html>
<head>
<style type="text/css">
.boxmenu {
background: #7da6ee;
border: 1px #000 solid;
position: relative;
left: 100px;
width: 33%
}
#menu {padding: 2px}
#menu A {
background: #7da6ee;
color: #fff;
font: 10pt Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px 10px
}
#submenu {display: block}
#sm1,#sm2,#sm3 {
background: #7da6ee;
text-align: center;
border: 1px #000 solid;
padding: 5px 2px;
position: absolute;
width: 10%
}
* HTML #sm1 {left: 193px}
* HTML #sm2 {left: 273px}
* HTML #sm3 {left: 353px}
#sm1 {left: 191px}
#sm2 {left: 271px}
#sm3 {left: 351px}
#sm1 A,#sm2 A,#sm3 A {font: 9pt Verdana, sans-serif;padding: 1px 15px}
#sm1 A:hover,#sm2 A:hover,#sm3 A:hover {background: #fff;color: red}
.submenutext {display: none}
#submenu A {text-decoration: none;color: #fff }
#menu .tabactive {background: #fff; color: red }
</style>
<script type="text/javascript">
var prevmenu, prevtab
function subMenu(obj, menu) {
if (document.getElementById) {
if (prevmenu) document.getElementById(prevmenu).style.display = "none"
document.getElementById(menu).style.display = "block"
if (prevtab) { prevtab.className = "" }
obj.className = "tabactive"
prevmenu = menu
prevtab = obj
}
}
</script>
</head>
<body>
<div id=”menu” class="boxmenu">
<a href=”#” onMouseOver="subMenu(this,'sm0')">Меню 0</a>
<a href=”#” onMouseOver="subMenu(this,'sm1')">Меню 1</a>
<a href=”#” onMouseOver="subMenu(this,'sm2')">Меню 2</a>
<a href=”#” onMouseOver="subMenu(this,'sm3')">Меню 3</a>
</div>
<div id=”submenu”>
<div id=”sm0” class=”submenutext”> </div>
<div id=”sm1” class=”submenutext”>
<a href=”#”>Меню 1-1</a>
<a href=”#”>Меню 1-2</a>
<a href=”#”>Меню 1-3</a>
</div>
<div id=”sm2” class=”submenutext”>
<a href=”#”>Меню 2-1</a>
<a href=”#”>Меню 2-2</a>
<a href=”#”>Меню 2-3</a>
</div>
<div id=”sm3” class=”submenutext”>
<a href=”#”>Меню 3-1</a>
<a href=”#”>Меню 3-2</a>
<a href=”#”>Меню 3-3</a>
</div>
</div>
</body>
</html>
Возможно, ли используя данный скрипт сделать вложение в выпадающее меню?
Что необходимо добавить (исключить) из скрипта, чтобы меню сворачивалось автоматически, а не при наведении курсора мыши на меню без вложения?
|
| |
| |
|
|
| |
|
|
| |
для: Gordi
(08.11.2005 в 19:59)
| | | 1. возможно
2. как пример:
<div id="sm1" class="submenutext" onmouseout="javascript: this.style.display='none'">
|
| |
| |
|
|
| |
|
|
| |
для: Crux
(09.11.2005 в 20:01)
| | | Crux
По первому пункту: хотя бы толчек для размышлений, в JS не силен, только приступаю к изучению.
По второму: посмотрю. Спасибо. | |
| |
|
|
