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

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

Javascript: JavaScript窗口功能指南之检查一个窗口是否存在; 用JAVASCIRPT写的一个动态显示日期的函数！; JavaScript窗口功能指南之打开一个新窗口; JavaScript窗口功能指南之在窗口中书写内容; JavaScript窗口功能指南之引用已打开的窗口; JavaScript窗口功能指南之发挥窗口特征; JavaScript窗口功能指南之命名窗口和框架; JavaScript窗口功能指南之创建对话框; 对连串英文自动换行的解决方法 IE5.5 无忧脚本; javascript扫雷游戏,版本二; window.external的使用; JavaScript 是什麽？; SelectBox in Frame; 24点终结者(javascript); 用Javascript转换源代码; JS特效之状态栏冒泡; JavaScript：实现滚动带链接的字幕; jscript错误代码及相应解释大全; 实现随鼠标飘浮移动文字的JavaScript; 怎样捕捉 Delete 键

No. « ‹ 1 2 3 4 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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 中的当鼠标移出灰色区域时候,菜单项怎么隐藏起来