<html>
<head>
<title>δ±êÌâ-2</title>
<style type="text/css">
<!--
div{
display:none;
position:absolute;
background-color:#00CCCC;
}
a{
background-image:url(Background.jpg);
}
a span{
color:#33CCCC;
text-decoration:none;
display: none;
}
a:hover {
background:none;
}
a:hover span{
color:#00FF99;
display:block;
width:200px;
position:absolute; background-color:#009999;
border:1px;
}
-->
</style>
<script language="javascript">
function show(){
var aaa=document.getElementById("aaa");
aaa.style.display='block';
}
function hide(){
var aaa=document.getElementById("aaa");
aaa.style.display='none';
}
</script>
</head>
<body >
<table>
<tr>
<td>
<a href="#" >aaaaaaa<BR><span ><button name="aaaa" >aaaaaa</button><br>bbbbbb<br>cccccc</span></a>
</td>
<td><a href="#" >aaaaaaa<BR><span >aaaaaa<br>bbbbbb<br>cccccc</span></a>
</td>
</tr>
<tr>
<td> </td>
<td><a href="#" >bbbbbb<span >aaaaaaaaa</span></a></td>
</tr>
</table>
<table width="200" border="1">
<tr>
<td height="31" background="Background.jpg" bgcolor="#00CCCC" onMouseMove="show()" onMouseOut="hide()">
<a href="avisited.html" >aaaaaaaaaa</a><br>
<div id="aaa">
<a href="javascript:alert('aaaa')">aaaaaa</a>
<br>bbbbbb
<br>ccccc
</div>
</td>
<td>bbbb</td>
<td>cccc</td>
</tr>
</table>
<p> </p>
</body>
</html>