JS中鼠标滑动到链接上出现一个图层，滑过图层消失

我在JS中想做个鼠标滑动到某一个链接的时候出现一个可以进行操作的层，当鼠标滑出层或链接的时候，这个层消失。
以下是我的JS代码：
function SetDisplay(obj,bol)
{
if(bol)
{
document.getElementById(obj).style.display="block";
}
else
{
document.getElementById(obj).style.display="none";
}
}var ID;
var Xpos=1;
var Ypos=1;
function Position1(obj,even)
{ID = document.getElementById(obj); 
even.cancelBubble=true;
SetDisplay(obj,true);ID.style.position="absolute"; 
EOBJ=even.srcElement||even.target;// ID.style.left = ( EOBJ.offsetLeft - 5)+ "px";
// ID.style.top = ( EOBJ.offsetTop + EOBJ.offsetHeight - 3 ) + "px";ID.style.left = (even.x -5)+ "px";
ID.style.top = (even.y+5)+"px";
Xpos=document.body.scrollLeft+even.x+parseInt(ID.style.left.substring(0,ID.style.left.lastIndexOf("px")));
Ypos=document.body.scrollTop+even.y+parseInt(ID.style.top.substring(0,ID.style.top.lastIndexOf("px")));
}function SetDispaly1(obj,even)
{ 
var StartLeft = document.body.scrollLeft+even.x;
var StarTop = document.body.scrollTop+even.y;
if((even.clientX<( StartLeft + ID.offsetWidth)-10)&&(even.clientY<(StarTop + this.ID.offsetHeight)-15))
{
SetDisplay(obj,false);
}
else
{
SetDisplay(obj,true);
}
}
这个是我的HTML中的代码：
<div style="display: none; width: 120px; height: 130px; background-color:#FF0000; "
id="div1">
<ul> 
<li><a href="#" target="_blank">Sopcast</a></li>
<li><a href="#" target="_blank">Sogou</a></li>
<li><a href="#" target="_blank">UUsee</a></li>
<li><a href="#" target="_blank">Tvants</a></li>
<li><a href="#" target="_blank">PPmate</a></li>
<li><a href="#" target="_blank">PPstream</a></li>
<li><a href="#" target="_blank">PPlive</a></li>
<li><a href="#" target="_blank">QQlive</a></li>
<li><a href="#" target="_blank">TVU</a></li></ul>
</div>
<div>
<ul class="tv" id="c01">
<li><a href="#" target="_blank" onmouseout="SetDispaly1('div1',event);" onmouseover="Position1('div1',event);">CCTV5</a></li>
希望能帮忙看看怎么改，谢谢~