Question

各位大侠们，我需要做一个带二级菜单横向显示的导航，一级栏目是用图片，二级是用文字

<SCRIPT language=JavaScript type=text/JavaScript>
function show_dh_Img(obj,flag)
{
var objs = document.all(obj);

for(var i=0;i<objs.length;i++)
{
document.all(obj)[i].style.display = "none";
}
document.all(obj)[flag].style.display = "";
}
function hide_dh_Img(obj,flag)
{
var objs = document.all(obj);

for(var i=0;i<objs.length;i++)
{
document.all(obj)[i].style.display = "";
}
document.all(obj)[flag].style.display = "none";
}
function change_dh_div(obj,flag)
{
var objs = document.all(obj);

for(var i=0;i<objs.length;i++)
{
document.all(obj)[i].style.display = "none";
}
document.all(obj)[flag].style.display = "";
}
</SCRIPT>
以上是代码开始的函数定义
我在网上找了一组代码，基本上是实现了，但是当鼠标放到第二个栏目上的时候，前一个栏目被第二个给挡住了，而且后面的还乱跳
<table width="1200" border="0" align="center" cellpadding="0" cellspacing="0" style="font-size:14px; font-weight:bold; color:#625e5d;">
<tr>
<td width="1200" height="59" align="center" valign="middle" background=""><a href="images/bf-1.gif"><img src="file:///D|/lyz1/images/lyz-2_01.gif" width="273" height="59" border="0" /></a></td>
<td width="75" height="59" align="center" valign="middle" id="show_dh">
<div onmouseover="show_dh_Img('show_dh',0)"><a href="/structure/zwdt/zwdt"><img src="images/lyz-2_02.gif" width="75" height="59" border="0" /></a></div></td>
<td width="101" height="59" align="center" valign="middle" id="hide_dh" style="display:none;">
<div onmouseover="show_dh_Img('show_dh',0);hide_dh_Img('hide_dh',0);change_dh_div('jr_div_item_dh',0)"><img src="images/lyz-2_03.gif" width="101" height="59" /></div> </td>
以上是导航条中的一段代码，各位大侠帮忙看看，什么地方需要改动呢

Answer 1

这里有一个js的多级联动下拉菜单
可以自定义位置和样式 比较实用
里面有教程和源码

Answer 2

东东