下拉菜单,请帮我看看坐标有啥不对???

hehou 2004-04-28 11:57:30
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <!-- TemplateBeginEditable name="doctitle" -->
<STYLE type=text/css>
TD {
FONT-SIZE: 12px; LINE-HEIGHT: 20px
}
BODY {
FONT-SIZE: 12px; LINE-HEIGHT: 20px
}
A:link {
COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
COLOR: #000000; TEXT-DECORATION: none
}
A:active {
TEXT-DECORATION: none
}
A:hover {
COLOR: #000000; TEXT-DECORATION: underline
}
Box1.A:link {
COLOR: #000000;
TEXT-DECORATION: none;
height: 20px;
width: 190px;
background-color: #EBF5FC;
}
Box1.A:visited {
COLOR: #000000;
TEXT-DECORATION: none;
height: 20px;
width: 190px;
background-color: #EBF5FC;
}
Box1.A:active {
TEXT-DECORATION: none;
height: 20px;
width: 190px;
background-color: #EBF5FC;
}
Box1.A:hover {
COLOR: #000000; TEXT-DECORATION: underline;
height: 20px;
width: 190px;
background-color: #EBF5FC;
}
</STYLE>
<title></title>
<!-- TemplateEndEditable --> <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<script language="JavaScript">

var linksrcTop;
var linksrcLeft;
var linksrcH;
var linksrcW;
var isShow = false;

function showMenu(menu,Itemevent)
{
switch (menu)
{
case '1' :
mArray = new Array("公司简介","最新信息","企业文化","组织结构");
mArrayURL = new Array('','','','');
break;
case '2' :
mArray = new Array('FI概述','FI方案','FI产品');
mArrayURL = new Array('','','');
break;
case '3' :
mArray = new Array('其他');
mArrayURL = new Array('')
break;
case '4' :
mArray = new Array('业务咨询','技术支持','信息反馈','相关下载');
mArrayURL = new Array('','','','')
break;
}

var linksrc = window.event.srcElement;
linksrcTop = linksrc.offsetTop;
linksrcLeft = linksrc.offsetLeft;
linksrcH = linksrc.offsetHeight;
linksrcW = linksrc.offsetWidth;
linksrcParent = linksrc.offsetParent;
mdiv = document.all.menuDiv;
mdiv.style.left = linksrcLeft;
mdiv.style.top = linksrcTop + linksrcH;
text ="<table cellspacing=1 bgcolor='black' border=0 width=150 style='font-size:9pt'><tr><td bgcolor=#CCCCCC >";
for(var i=0;i<mArray.length;i++){text += '<a href=' + mArray[i] + '>' + mArray[i] + '</a><br/>';}
text +="</td></tr></table>";
mdiv.innerHTML = text;
mdiv.style.visibility="visible";
isShow = true;
}

function hiddenMenu()
{
if (isShow == true)
{
var mx = window.event.clientX;
var my = window.event.clientY;
mdiv=document.all.menuDiv;
mdivT = parseInt(mdiv.style.top);
mdivL = parseInt(mdiv.style.left);
mdivH = parseInt(mdiv.offsetHeight);
mdivW = parseInt(mdiv.offsetWidth);
if(mx < mdivL || mx > mdivL + mdivW || my < linksrcTop || my > linksrcTop + linksrcH + mdivH)
{mdiv.style.visibility = "hidden";isShow = false;}
// window.status = '(' + linksrcLeft + ',' + (linksrcTop + linksrcH) +')'
}
}
</script>
</head>

<body bgcolor="#999999" leftmargin="0" topmargin="0">
<table width="768" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td height="20"> <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td> </td>
<td><div align="right"><font color="#FFFFFF">
<select name="SEL_YQLJ" id="SEL_YQLJ">
<option value="">友情键接</option>
</select>
</font></div></td>
</tr>
</table></td>
</tr>
<tr>
<td height="60"> </td>
</tr>
<tr>
<td height="20" bgcolor="#00A8EC"> <table width="440" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="60"><div align="center"><a href="../Index.htm"><font color="#FFFFFF">首页</font></a></div></td>
<td width="60"><div align="center"><a href="#" onmouseover="showMenu('1',event)" onmouseout=hiddenMenu()>公司概况</a></div></td>
<td width="60"><div align="center"><a href="#" onmouseover="showMenu('2',event)" onmouseout=hiddenMenu()>FI-V</a></div></td>
<td width="60"><div align="center"><a href="#" onmouseover="showMenu('3',event)" onmouseout=hiddenMenu()><font color="#FFFFFF">解决方案</font></a></div></td>
<td width="60"><div align="center"><a href="#"><font color="#FFFFFF">合作伙伴</font></a></div></td>
<td width="60"><div align="center"><a href="#" onmouseover="showMenu('4',event)" onmouseout=hiddenMenu()><font color="#FFFFFF">服务中心</font></a></div></td>
<td width="60"><div align="center"><a href="../ZCZC/Z0.htm"><font color="#FFFFFF">政策支持</font></a></div></td>
<td width="60"><div align="center"><a href="../CGAL/A0.htm"><font color="#FFFFFF">成功案例</font></a></div></td>
</tr>
</table>
<div id=menuDiv style="Z-INDEX:2; visibility:hidden; width:150px; position:absolute" onmouseout=hiddenMenu()>
</div></td>
</tr>
<tr>
<td height="20" valign="bottom" bgcolor="#00A1D4">  </td>
</tr>
<tr>
<td valign="top"> </td>
</tr>
<tr>
<td height="20" bgcolor="#00A8EC">
<div align="center"><A onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.FI.com');" HREF="#" TARGET="_top">设为首页</a>
| <A HREF="javascript:window.external.AddFavorite('http://www.FI.com/','')" TARGET="_top">加入收藏</a>
| <a href="../OTHER/LiangXi.htm">联系我们 </a>| <a href="../OTHER/ZhaoPing.htm">招聘信息</a></div></td>
</tr>
<tr>
<td height="40" valign="top"><div align="center"><br>
</div></td>
</tr>
</table>
</body>
</html>
...全文
33 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
hehou 2004-04-28
  • 打赏
  • 举报
回复
我知道了
godblessyU 2004-04-28
  • 打赏
  • 举报
回复
将onmousemove="hiddenMenu()"写到body里面,然后将<a中的onmouseout=hiddenMenu()删除,如果还是没有正常显示,你可以将导航栏用<span></span>写,不用td

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧