随便记一下东西，第一次写，就把今天遇到的问题写出来（喷子勿喷！）
现在正在写一个图书馆的网站，写到个人中心的时候出问题了
移入时候显示下面的div
代码是这样的 ：
<div >
<div >
个人中心
<div >
<a href="javascrpt">个人中心</a>
<a href="javascrpt">个人中心</a>
<a href="javascrpt">个人中心</a>
</div>
</div>
</div>
思路：先是一个posional包阔所有div，然后里面一个大的一个小的，移动到big上面就让samll显示，移出big就让他隐藏，然后在写small的移出就行了
脚本部分：
<script>
var big = document.getElementById("big");
var small=document.getElementById("small");
big.onmouseover=function(){
small.style.display="block";
}
big.onmouseout=function(){
small.style.display="none";
}
small.onmouseout=function(){
small.style.display="none";
}
</script>