При создании выпадающего меню сталкнулась с такой проблемой: при загрузки страницы, меню появляетс я сразу, а должно только после клика | Код |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<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>
<link href="style/style.css" rel="stylesheet" type="text/css">
</head>
<body leftmargin="0" topmargin="0">
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="right">
<tr><td bgcolor="FED427"> </td><td><img src="img/t.jpg" border="0"></td></tr>
<tr><td bgcolor="#D8F3FA"> </td>
<td>
<table border="0" cellspacing="0" cellpadding="0"><tr>
<td width="256"><img src="img/t1_1.jpg" border="0" width="256"></td>
<td width="180"><img src="img/t1_2.jpg" border="0" width="180"></td>
<td width="175"><img src="img/t1_3.jpg" border="0" width="175"></td>
<td width="200"><img src="img/t1_4.jpg" border="0" width="200"></td>
<td width="193"><img src="img/t1_5.jpg" border="0" width="193"></td>
</tr>
</table>
</td></tr><tr><td bgcolor="#D8F3FA"> </td>
<td><table border="0" cellspacing="0" cellpadding="0"><tr>
<td rowspan="2" width="256"><img src="img/t2_1.jpg" border="0" width="256"></td>
<td rowspan="2" width="72"><img src="img/t2_2.jpg" border="0" width="72"></td>
<div id="m2" class="menu" style="left: 120;"><td background="img/t2_3_1.jpg" width="109" height="44" align="left" onmouseover="background='img/t2_3_1_.jpg'" onMouseOut="background='img/t2_3_1.jpg'"><a href="javascript:do_menu('m2x')" onClick="do_check('m2x')"><b> как</b><br><small class="menu2">получить деньги</small></a>
</td></div>
<td rowspan="2" width="70"><img src="img/t2_4.jpg" border="0" width="70"></td>
<td width="106" background="img/t2_4_1.jpg" height="44" class="menu1" align="left" valign="bottom" onMouseOver="background='img/t2_4_1_.jpg'" onMouseOut="background='img/t2_4_1.jpg'"><b> куда</b><br><small class="menu2">вложить деньги</small></td>
<td rowspan="2" width="82"><img src="img/t2_5.jpg" border="0" width="82"></td>
<td width="119" background="img/t2_5_1.jpg" height="44" class="menu1" align="left" valign="bottom" onMouseOver="background='img/t2_5_1_.jpg'" onMouseOut="background='img/t2_5_1.jpg'"><b> как</b><br><small class="menu2">потратить деньги</small></td>
<td rowspan="2" width="193"><img src="img/t2_6.jpg" border="0" width="193"></td></tr>
<tr><td width="108" height="39"><img src="img/t2_3_2.jpg" width="108" height="39"></td>
<td width="106" height="39"><img src="img/t2_4_2.jpg" width="106"></td>
<td width="119" height="39"><img src="img/t2_5_2.jpg" width="118"></td></tr>
</table></td></tr></table>
<div id="m2x" class="submenu" style="left: 120;">
<table bgcolor="6699FF" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="file:///F|/php/home/localhost/_default.htm">Сходить в магазин</a><br>
<a href="file:///F|/php/home/localhost/_default.htm">Образование</a><br>
<a href="file:///F|/php/home/localhost/_default.htm" onmouseover="do_submenu('m21x')">Заняться собой</a><br>
<a href="file:///F|/php/home/localhost/_default.htm">Развлечься</a><br>
<a href="file:///F|/php/home/localhost/_default.htm">Попутешествовать</a><br>
<a href="file:///F|/php/home/localhost/_default.htm" onmouseover="do_submenu('m22x')">Купить</a>
<a href="file:///F|/php/home/localhost/_default.htm" onmouseover="do_submenu('m23x')">Сделать ремонт в</a><br></td>
</tr>
</table>
</div>
<div id="m21x" class="submenu" style="left: 180; top:24; z-index:1;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="file:///F|/php/home/localhost/_default.htm">Здоровье</a><br>
<a href="file:///F|/php/home/localhost/_default.htm">Фитнес</a><br>
<a href="file:///F|/php/home/localhost/_default.htm">Косметология</a></td>
</tr>
</table>
</div><div id="m22x" class="submenu" style="left: 180; top:58; z-index:1;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="file:///F|/php/home/localhost/_default.htm">Автомобиль</a><br>
<a href="file:///F|/php/home/localhost/_default.htm">Мотоцикл</a><br>
<a href="file:///F|/php/home/localhost/_default.htm">Снегоход</a><br>
<a href="file:///F|/php/home/localhost/_default.htm">Яхту</a></td>
</tr>
</table>
</div><div id="m23x" class="submenu" style="left: 180; top:24; z-index:1;">
<table bgcolor="000000" cellspacing="0" cellpadding="2" border="1" width="100">
<tr>
<td><a href="file:///F|/php/home/localhost/_default.htm">Квартире</a><br>
<a href="file:///F|/php/home/localhost/_default.htm">Доме</a></td>
</tr>
</table>
</div>
</body>
</html>
|
|
проблемы с выпадающим меню, слои с меню загружаются сразу 
Загрузка ...
