想了好半天没想明白的问题。关于层的隐藏。UP有分 我mouseout,onmousemove?我也不会,只是想学习! 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 层里面不用TABLE不就可以了吗?试试!! 但我觉得table的格式好控制一些 而且就算没有table的话,如果鼠标指向<a class="menu" href="#">全部新闻</a>,还是会触发div的onmouseout事件啊 层里不要用Table用<li>><a class="menu" href="#">国内新闻</a></li>这样就没问题了 对了,你可以这样<div id="OutDiv" onmouseover="hideDiv('MenuItems1')"><div id="MenuItems1" class="MenuDiv"></div></div>这样每次你把鼠标移动到OutDiv上时,才会把MenuItems1隐藏而不用把onmouseout加在MenuItems1中 使用<li><a class="menu" href="#">英国</a></li>效果是一样的呀,因为只要进入<li>这个标签就会触发div的onmouseout事件啊,至于下面的那种方法太罗嗦了,有没有更好的? <!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" lang="gb2312"> <head> <style type="text/css"> <!-- #MenuItems{ background-color:#CCCCCC; border:2px solid #616161; width:100px; height:50px; padding:0.5em; display:none; } --> </style> <script type="Text/JavaScript"> <!-- function mouse () { document.getElementById("MenuItems1").onmousemove = function(){document.getElementById("MenuItems").style.display = "block";} document.getElementById("MenuItems").onmouseleave = function(){this.style.display = "none";} } //--> </script> <title> New Document </title> <meta name="Generator" content="EditPlus" /> <meta name="Author" content="" /> <meta name="Keywords" content="" /> <meta name="Description" content="" /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body onload="mouse()"> <a href="#" onclick="return true" id="MenuItems1">Move</a> <div id="MenuItems"> <table cellpadding="0" cellspacing="0" border="0" class="MenuTable"> <tr> <td><a class="menu" href="#">国内新闻</a></td> </tr> <tr> <td><a class="menu" href="#">国外新闻</a></td> </tr> <tr> <td><a class="menu" href="#">全部新闻</a></td> </tr> </table></div> </body></html> 楼上的方法确实可行,但为什么我在.net2005里面没有onmouseleave事件啊?但运行不会出错,就是编辑的时候下面会有红线真不知道是怎么搞的。 <!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" lang="gb2312"> <head> <style type="text/css"> <!-- body{ font-size:14px; color:#6600FF; } ul{ margin:0; padding:0; list-style:none; } ul li{ padding:2px 0; } #MenuItems{ background-color:#CCCCCC; border:2px solid #616161; width:100px; display:none; padding:5px 5px; } --> </style> <script type="Text/JavaScript"> <!-- function mouse () { document.getElementById("MenuItems1").onmousemove = function(){document.getElementById("MenuItems").style.display = "block";} document.getElementById("MenuItems").onmouseover = function(){document.getElementById("MenuItems").style.display = "block";} document.getElementById("MenuItems").onmouseout = function(){document.getElementById("MenuItems").style.display = "none";} } //--> </script> <title> New Document </title> <meta name="Generator" content="EditPlus" /> <meta name="Author" content="" /> <meta name="Keywords" content="" /> <meta name="Description" content="" /> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body onload="mouse()"> <a href="#" onclick="return true" id="MenuItems1">Move</a> <div id="MenuItems"> <ul> <li><a class="menu" href="#">国内新闻</a></li> <li><a class="menu" href="#">国外新闻</a></li> <li><a class="menu" href="#">全部新闻</a></li> </ul></div> </body></html>onmouseleave好像只有IE支持! 关于JQUERY显示隐藏div的问题。(IE不兼容) 求助正则高手,解决个很简单的问题哦 动画效果练习,请教 IE6下js实现跳转【散分】 html的table解析的巨难问题,希望各位朋友能给个思路! 网页title动态问题?新手求救,在线等! 这段代码是什么意思,不理解js+css 求帮助啊,谁来教下我如何获取这样页面的文本框的内容 如何实现这个效果?? 求教:IE10或11文本输入框最右侧小叉点击时的触发事件是什么 javascript中如何调用Telnet程序 急啊,<select>option的问题希望能帮我分析一下
用<li>><a class="menu" href="#">国内新闻</a></li>
这样就没问题了
<div id="OutDiv" onmouseover="hideDiv('MenuItems1')">
<div id="MenuItems1" class="MenuDiv"></div>
</div>
这样每次你把鼠标移动到OutDiv上时,才会把MenuItems1隐藏
而不用把onmouseout加在MenuItems1中
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<style type="text/css">
<!--
#MenuItems{
background-color:#CCCCCC;
border:2px solid #616161;
width:100px;
height:50px;
padding:0.5em;
display:none;
}
-->
</style>
<script type="Text/JavaScript">
<!--
function mouse ()
{
document.getElementById("MenuItems1").onmousemove = function(){document.getElementById("MenuItems").style.display = "block";}
document.getElementById("MenuItems").onmouseleave = function(){this.style.display = "none";}
}
//-->
</script>
<title> New Document </title>
<meta name="Generator" content="EditPlus" />
<meta name="Author" content="" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body onload="mouse()">
<a href="#" onclick="return true" id="MenuItems1">Move</a>
<div id="MenuItems">
<table cellpadding="0" cellspacing="0" border="0" class="MenuTable">
<tr>
<td><a class="menu" href="#">国内新闻</a></td>
</tr>
<tr>
<td><a class="menu" href="#">国外新闻</a></td>
</tr>
<tr>
<td><a class="menu" href="#">全部新闻</a></td>
</tr>
</table>
</div>
</body>
</html>
但运行不会出错,就是编辑的时候下面会有红线真不知道是怎么搞的。
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<style type="text/css">
<!--
body{
font-size:14px;
color:#6600FF;
}
ul{
margin:0;
padding:0;
list-style:none;
}
ul li{
padding:2px 0;
}
#MenuItems{
background-color:#CCCCCC;
border:2px solid #616161;
width:100px;
display:none;
padding:5px 5px;
}
-->
</style>
<script type="Text/JavaScript">
<!--
function mouse ()
{
document.getElementById("MenuItems1").onmousemove = function(){document.getElementById("MenuItems").style.display = "block";}
document.getElementById("MenuItems").onmouseover = function(){document.getElementById("MenuItems").style.display = "block";}
document.getElementById("MenuItems").onmouseout = function(){document.getElementById("MenuItems").style.display = "none";}
}
//-->
</script>
<title> New Document </title>
<meta name="Generator" content="EditPlus" />
<meta name="Author" content="" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
<body onload="mouse()">
<a href="#" onclick="return true" id="MenuItems1">Move</a>
<div id="MenuItems">
<ul>
<li><a class="menu" href="#">国内新闻</a></li>
<li><a class="menu" href="#">国外新闻</a></li>
<li><a class="menu" href="#">全部新闻</a></li>
</ul>
</div>
</body>
</html>
onmouseleave好像只有IE支持!