|
08.09.2005, 17:30
#33259549
Ссылка:
Ссылка на сообщение:
Ссылка с названием темы:
|
|
|
|
спосибо я уже это сделал JavaScript-ом
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test Java Script</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1257">
<link href="incs/index2.css" type="text/css" rel="stylesheet">
<script type="text/javascript">
<!--
var TimeoutId = new Array();
function Over(idi) //Open menu
{
var table = document.getElementById(idi.id + '_link');
var par = idi;
var mtop = par.offsetTop + par.offsetHeight;
var mleft = par.offsetLeft;
while (par.offsetParent != null)
{
mtop += par.offsetTop;
mleft += par.offsetLeft;
par = par.offsetParent;
}
table.style.top = mtop;
table.style.left = mleft;
table.style.display = 'block';
}
function menuclose(idi) //close menu
{
document.getElementById(idi.id + '_link').style.display = 'none';
}
function menuextclose(idi) //kill menuclose
{
clearTimeout(TimeoutId[idi]);
}
//-->
</script>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="1" align="center">
<tr>
<td bgcolor="#aaaaaa"><a href="javascript:;" onMouseOver="Over(this);" onMouseOut="TimeoutId[0] = setTimeout('menuclose(menu1)',600);" id="menu1">ghjhgjghjfg</a></td>
<td bgcolor="#aaaaaa"><a href="javascript:;" onMouseOver="Over(this);" onMouseOut="TimeoutId[1] = setTimeout('menuclose(menu2)',600);" id="menu2">acfggdfdfs</a></td>
<td bgcolor="#aaaaaa"><a href="javascript:;" onMouseOver="Over(this);" onMouseOut="TimeoutId[2] = setTimeout('menuclose(menu3)',600);" id="menu3">gdfgfdgdgfh</a></td>
<td bgcolor="#aaaaaa"><a href="javascript:;" onMouseOver="Over(this);" onMouseOut="TimeoutId[3] = setTimeout('menuclose(menu4)',600);" id="menu4">fdfgfdgdfgfdgh</a></td>
</tr>
</table>
<table cellspacing="0" onMouseOver="menuextclose(0)" onMouseOut="TimeoutId[0] = setTimeout('menuclose(menu1)',600);" bgcolor="#aaaaaa" cellpadding="0" border="1" id="menu1_link" style="z-index: 6; display: none; position: absolute">
<tr><td>dsfdsf</td></tr>
<tr><td>sdfdsfdss</td></tr>
<tr><td>sdfsdfdss</td></tr>
<tr><td>sdfdsfs</td></tr>
<tr><td>ssdfdsf</td></tr>
</table>
<table cellspacing="0" onMouseOver="menuextclose(1)" onMouseOut="TimeoutId[1] = setTimeout('menuclose(menu2)',600);" bgcolor="#aaaaaa" cellpadding="0" border="1" id="menu2_link" style="z-index: 6; display: none; position: absolute">
<tr><td>afghgfhgh</td></tr>
<tr><td>aaaaaaaa</td></tr>
<tr><td>afdfghhhh</td></tr>
<tr><td>gfhfhfghgfh</td></tr>
<tr><td>afghghfghgh</td></tr>
</table>
<table cellspacing="0" onMouseOver="menuextclose(2)" onMouseOut="TimeoutId[2] = setTimeout('menuclose(menu3)',600);" bgcolor="#aaaaaa" cellpadding="0" border="1" id="menu3_link" style="z-index: 6; display: none; position: absolute">
<tr><td>fgghgfhgfha</td></tr>
<tr><td>afghgfhhfghs</td></tr>
<tr><td>afghgfhgfhfgda</td></tr>
<tr><td>sgfhgfg</td></tr>
<tr><td>sfghghgf</td></tr>
</table>
<table cellspacing="0"
bgcolor="#aaaaaa" onMouseOver="menuextclose(3)" onMouseOut="TimeoutId[3] = setTimeout('menuclose(menu4)',600);" cellpadding="0" border="1" id="menu4_link" style="z-index: 6; display: none; position: absolute ">
<tr><td>ghgfhgfs</td></tr>
<tr><td>sghgfhfghgf</td></tr>
<tr><td>sdasdsad</td></tr>
<tr><td>sfghfghh</td></tr>
<tr><td>fghggfhfghs</td></tr>
</table>
</body>
</html>
|
|
|
