使用dreamweaver中的举动做导航，为什么鼠标移动时会一直闪
日期：2014-05-16 浏览次数：20720 次
使用dreamweaver中的行为做导航，为什么鼠标移动时会一直闪？
代码如下“
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:905px;
height:34px;
z-index:1;
left: 210px;
top: 10px;
}
#cd21 {
position:absolute;
width:2014px;
height:65px;
z-index:2;
left: -5px;
top: 41px;
visibility: hidden;
}
#cd111 {
position:absolute;
width:157px;
height:33px;
z-index:3;
top: 8px;
left: 210px;
visibility: hidden;
}
}
#apDiv2 {
position:absolute;
width:814px;
height:47px;
z-index:4;
left: 168px;
top: 136px;
}
#apDiv3 {
position:absolute;
width:148px;
height:25px;
z-index:5;
left: 179px;
top: 146px;
background-color: #FF33FF;
visibility: hidden;
}
#apDiv4 {
position:absolute;
width:1080px;
height:62px;
z-index:6;
left: 0px;
top: 164px;
visibility: hidden;
background-color: #FF66FF;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body background="images/2.jpg">
<div id="apDiv1">
<table width="905" height="33" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="156" align="center" id="cd11" onmouseover="MM_showHideLayers('cd111','','show','cd21','','show')" onmouseout="MM_showHideLayers('cd111','','hide');MM_showHideLayers('cd21','','hide')"><font color="#FFFFFF" >时尚背包</font></td>
<td width="206" align="center" >最新简讯</font></td>
<td width="181" align="center" >新品推荐</font></td>
<td width="181" align="center" >分类产品</font></td>
<td width="181" align="center" >我的背包</font></td>
</tr>
</table>
</div>
<div id="cd111"><img src="images/452.png" width="153" height="33" /></div>
<div id="cd21"><img src="images/452.png" width="2014" height="65" /></div>
</body>
</html>
------解决方案--------------------
代码如下“
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%>
<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:905px;
height:34px;
z-index:1;
left: 210px;
top: 10px;
}
#cd21 {
position:absolute;
width:2014px;
height:65px;
z-index:2;
left: -5px;
top: 41px;
visibility: hidden;
}
#cd111 {
position:absolute;
width:157px;
height:33px;
z-index:3;
top: 8px;
left: 210px;
visibility: hidden;
}
}
#apDiv2 {
position:absolute;
width:814px;
height:47px;
z-index:4;
left: 168px;
top: 136px;
}
#apDiv3 {
position:absolute;
width:148px;
height:25px;
z-index:5;
left: 179px;
top: 146px;
background-color: #FF33FF;
visibility: hidden;
}
#apDiv4 {
position:absolute;
width:1080px;
height:62px;
z-index:6;
left: 0px;
top: 164px;
visibility: hidden;
background-color: #FF66FF;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body background="images/2.jpg">
<div id="apDiv1">
<table width="905" height="33" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="156" align="center" id="cd11" onmouseover="MM_showHideLayers('cd111','','show','cd21','','show')" onmouseout="MM_showHideLayers('cd111','','hide');MM_showHideLayers('cd21','','hide')"><font color="#FFFFFF" >时尚背包</font></td>
<td width="206" align="center" >最新简讯</font></td>
<td width="181" align="center" >新品推荐</font></td>
<td width="181" align="center" >分类产品</font></td>
<td width="181" align="center" >我的背包</font></td>
</tr>
</table>
</div>
<div id="cd111"><img src="images/452.png" width="153" height="33" /></div>
<div id="cd21"><img src="images/452.png" width="2014" height="65" /></div>
</body>
</html>
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
