Меню состоит из нескольких пунктов. Одни пункты содержат подменю, другие нет.
Подменю активируются от перемещения мышки на активный участок меню.
Как сделать, чтоб подменю исчезали после передвижения мышки на другой пункт меню не содержащий подменю, а не висели до активации следующего подменю?
Возможно ли задать смену фона всей в ячейки таблицы с пунктом меню при наведении на него мышки, а не только фона под надписью?
| Код |
<script>
<!--
var old;
var memold;
var subold;
if(document.layers)
{
window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=do_out;
} else
{
document.onmouseup=do_out;
}
function show_layer(x)
{
if(document.layers)
document.layers[x].visibility="show";
else
document.all[x].style.visibility="visible";
}
function hide_layer(x)
{
if(document.layers)
document.layers[x].visibility="hide";
else
document.all[x].style.visibility="hidden";
}
function do_menu(x)
{
if(!old)
old=memold;
if(old!=x)
{
show_layer(x);
old=x;
} else
old="";
}
function do_check(x)
{
if(old && old!=x)
{
hide_layer(old);
show_layer(x);
old=x;
}
do_submenu();
}
function do_out()
{
if(old)
hide_layer(old);
memold=old; old="";
do_submenu();
}
function do_submenu(x)
{
if(subold)
{
hide_layer(subold);
subold="";
}
if(x)
{
show_layer(x);
subold=x;
}
}
// -->
</script>
|
| Код |
.submenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 300;
color: #FFFFFF;
text-decoration: none;
font-variant:small-caps;
position: absolute;
top:0;
position: absolute;
left: 0;
z-index: 2;
}
.submenu a:link {COLOR: #FFFFFF; TEXT-DECORATION: none}
.submenu a:visited {COLOR: #FFFFFF; TEXT-DECORATION: none}
.submenu a:active {COLOR: #FFFFFF; TEXT-DECORATION: none}
.submenu a:hover {COLOR: #FFFFFF; background: #4C84B8; TEXT-DECORATION: none}
|
| Код |
<div id="m2x" class="submenu" style="left: 517px; top: 105px;">
<table cellspacing="0" bgcolor="#63A7E8" cellpadding="2" border="1" bordercolor="#4C84B8" width="258">
<tr>
<td><a href="101.php">Банковские депозиты</a><br>
<a href="javascript:do_menu('m21x')" onmouseover="do_submenu('m21x')">Стать инвестором </a><br>
<a href="105.php">Антиквариат</a><br>
<a href="javascript:do_menu('m22x')" onmouseover="do_submenu('m22x')">Недвижимость </a><br>
<a href="112.php">Золото</a><br>
<a href="113.php">Создать свой бизнес </a><br>
<a href="114.php">Купить бизнес</a><br>
<a href="115.php">Другое</a><br>
<a href="116.php">ICQ-консультация</a><br>
<a href="117.php">Заказать консультацию специалиста</a><br></td>
</tr>
</table>
</div>
<div id="m21x" class="submenu" style="left: 776px; top:118px; z-index:1;">
<table bgcolor="#4C84B8" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="102.php">Ценные бумаги (акции, паи, векселя, ..)</a><br>
<a href="103.php">ОФБУ или ДУ (Доверительное управление)</a><br>
<a href="104.php">Производные инструменты</a></td>
</tr>
</table>
</div>
|
|