当鼠标移出灰色区域时候,菜单项怎么隐藏起来- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 当鼠标移出灰色区域时候,菜单项怎么隐藏起来

技术文章搜索

关键字

Javascript 中的当鼠标移出灰色区域时候,菜单项怎么隐藏起来

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 286 ::

收藏到网摘: n/a

用javascript取得传递参数的个数的代码才发现的超链接js导致网页中GIF动画停止的解决方法

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
var $=function(id){ return document.getElementById(id);
}
function hover(){ if($('hover').style.display == 'none'){ $('hover').style.display = ''; }else{ $('hover').style.display = 'none'; }
}
</script>
<style>
*{margin:10px; padding:0}
#nav{border:#ccc 1px solid; height:25px; width:198px; text-align:center; line-height:25px; margin-bottom:0}
#hover{
position:absolute;
height:100px;
width:200px;
margin-top:-2px;
text-align:center;
background-color:#ccc;
}
</style>
</head>
<body>
<div id="nav" onmouseover="return hover();" onmouseout="return hover();"><a href="##" >鼠标移上来</a></div>
<div id="hover" style="display:none;" onmouseover="return hover();" onmouseout="return hover();"> <ul> <li><a href="javascript:void(null)">菜单一</a></li> <li> <a href="javascript:void(null)">菜单二</a></li> </ul>
</div>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

用javascript取得传递参数的个数的代码才发现的超链接js导致网页中GIF动画停止的解决方法

Javascript 中的 当鼠标移出灰色区域时候,菜单项怎么隐藏起来

评论 (0) All

Javascript 中的当鼠标移出灰色区域时候,菜单项怎么隐藏起来