W3School TIY 亲自试一试！

<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>

<a href="/index.html">首页</a> 
<a href="/js/index.asp">JavaScript</a> <hr />
W3School 





<a href="http://www.microsoft.com">Explorer</a> 
<a href="http://my.netscape.com">Navigator</a> 
<hr />
浏览器 





<a href="http://www.altavista.com">Alta Vista</a> 
<a href="http://www.yahoo.com">Yahoo!</a> 
<hr />
搜索 

</body>
</html>

W3School TIY Editor