如何实现当鼠标悬停控件上时，出现该控件的尾部显示对应的层，鼠标移动到该层上进行相应的操作，当鼠标移除时（不在控件上也不在层上）层隐藏，
HTML code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
//省份城市控件
function displayCity(cityName)
{
switch(cityName)
{
case"北京市":
document.getElementById("divCityname").innerHTML="<table align='center' cellpadding='0' cellspacing='0'><tr><td><input type='checkbox' name='checkbox' value='海淀区'>海淀区</td><td><input type='checkbox' name='checkbox' value='朝阳区'>朝阳区</td></tr><tr><td><input type='checkbox' name='checkbox' value='大兴区'>大兴区</td><td><input type='checkbox' name='checkbox' value='东城区'>东城区</td></tr><tr><td><input type='checkbox' name='checkbox' value='昌平区'>昌平区</td><td><input type='checkbox' name='checkbox' value='西城区'>西城区</td></tr><tr><td><input type='checkbox' name='checkbox' value='宣武区'>宣武区</td><td><input type='checkbox' name='checkbox' value='丰台区'>
