jsp js鼠标移动到指定区域显示选项卡离开时隐藏(5)

<script type="text/javascript">
function displaySubMenu(ITstudy_cn) {
var subMenu = document.getElementById(ITstudy_cn);
subMenu.style.display = "block";
}
function hideSubMenu(ITstudy_cn) {
var subMenu = document.getElementById(ITstudy_cn);
subMenu.style.display = "none";
}
</script>
<style>
* { padding:0; margin:0;}
body { text-align: center; font-family: "宋体",arial;border: 0; background: #FFF; font-size:12px; color:#000;}
/* 页头下拉菜单 */
#navigation {
margin:2px;
}
#navigation, #navigation li ul {
list-style-type:none;
}
#navigation li {
float:left; text-align:center; position:relative;
}
#navigation li a:link, #navigation li a:visited {
display:block; text-decoration:none;
}
#navigation li a:hover {
color:#fff; background:#2687eb;
}
#navigation li ul li a:hover {
color:#990000; background:#d6ecfd; text-decoration:underline;
}
#navigation li ul {
display:none; position:absolute; width:90px;
top:13px; left:-45px; padding:5px; border:1px solid #d6ecfd;background-color:#f2f9fe;
}
</style>
<ul>
<li ><a href=" ">首页</a></li>
<li>&nbsp; | &nbsp; </li>
<li >
<a href="javascript:void(0);" >风格</a>
<ul>
<li><a href="javascript:" >恢复默认设置</a></li>
<li><a href="javascript:" >深度空间风格</a></li>
<li><a href="javascript:" >IT学习网风格</a></li>
</ul>
</li>
<li> &nbsp; &nbsp; </li>
</ul>

您可能感兴趣的文章: