<html>
<head>
<style>
span
{
border:groove 2px;
padding:3px;
font-family:arial;
font-size:12px;
width:100px;
height:70px;
background-color:#c0c0c0;
position:relative;
top:-80px;
left:-10px;
}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
elmnt.style.top="-15px"
}
function hidemenu(elmnt)
{
elmnt.style.top="-80px"
}
</script>
</head>
<body>
<span onmouseover="showmenu(this)" onmouseout="hidemenu(this)">
<a href="/index.php">首页</a><br />
<a href="/javascript/index.html">JavaScript</a><br /><br /><hr />
（www.sou-xun.com）<br />
</span>
<span onmouseover="showmenu(this)" onmouseout="hidemenu(this)">
<p></p>
<p></p>
<p>
<a href="http://www.microsoft.com">Explorer</a><br />
<a href="http://my.netscape.com">Navigator</a><br /><br /></p>
<hr />
浏览器<br />
</span>
<span onmouseover="showmenu(this)" onmouseout="hidemenu(this)">
<p></p>
<p></p>
<p>
<a href="http://www.altavista.com">Alta Vista</a><br />
<a href="http://www.yahoo.com">Yahoo!</a><br /><br /></p>
<hr />
搜索<br />
</span>
</body>
</html>
