非常简单的DIV
<html>
<head>
<title>DIV隐藏与显示</title>
<script language="javascript">
//显示DIV
function DivShow(Idx)
{
this.TstDiv[Idx].style.display="block";
}
//隐藏DIV
function DivHidden(Idx)
{
this.TstDiv[Idx].style.display="none";
}
</script>
</head>
<body>
<a href="#" onMouseOver="DivShow(0);" onMouseOut="DivHidden(0);" >第一个DIV</a>
<a href="#" onMouseOver="DivShow(1);" onMouseOut="DivHidden(1);" >第二个DIV</a>
<div id="TstDiv" >
这是第一个div
</div>
<div id="TstDiv" style="display:none">
这是第二个div
</div>
</body>
</html>