用JAVASCRIPT制作下拉菜单

来源:互联网 发布:动画衍生品设计知乎 编辑:程序博客网 时间:2024/05/13 03:50
<script language="JavaScript">
function show_div(menu)
 {var Imgname;
 if (document.all.item(menu).style.display == "none")
  {document.all.item(menu).style.display = "block";
  Imgname="images/Img"+menu+"_2.gif"
  document.all.item("Img"+menu).src=Imgname;
  }
 else
  {document.all.item(menu).style.display = "none";
  Imgname="images/Img"+menu+"_1.gif"
  document.all.item("Img"+menu).src=Imgname;
  }
 }
</script>
<A Href="#" onClick="show_div('menu1')"><img name="Imgmenu1" src="images/Imgmenu1_1.gif" BORDER="0"
 ALIGN="ABSMIDDLE" width="39" height="16"><span class="l"><b>基础信息管理</b></span><br>
  </a>
<DIV ID="menu1" style="display:none">
  <img src="images/open_1.gif" width="39" height="16">
<a href="./jcxx/khinfo.asp" target="mainFrame" class="l">客户信息管理</a><br>
   <img src="images/open_1.gif" width="39" height="16">
  <a href="./jcxx/spinfo.asp" target="mainFrame" class="l">商品信息管理</a><br>
   <img src="images/open_1.gif" width="39" height="16">
  <a href="./jcxx/gysinfo.asp" target="mainFrame" class="l">供应商信息管理</a><br>
   <img src="images/open_1.gif" width="39" height="16">
  <a href="./jcxx/spquest.asp" target="mainFrame" class="l">商品信息查询</a><br>
   <img src="images/open_1.gif" width="39" height="16">
  <a href="./jcxx/khquest.asp" target="mainFrame" class="l">客户信息查询</a><br>
   <img src="images/open_2.gif" width="39" height="16">
  <a href="./jcxx/gysquest.asp" target="mainFrame" class="l">供应商信息查询</a><br>
<br>
</DIV>