代码:
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8">
<base target="mainframe">
<Script language="javaScript">
function
getTablesByStart
(name){
var inputs =
document.getElementsByTagName("table");
var files = new Array();
var y = 0;
for (var i=0; i<inputs.length; i++) {
if
(inputs[i].id !=null && inputs[i].id.length>name.length &&
inputs[i].id.substring(0, name.length)==name){
files[y] =
inputs[i];
y++;
}
}
return
files;
}
function HideAll
(){
var tables =
getTablesByStart("menu_");
for (var i=0; i<tables.length; i++)
{
tables[i].style.display = "none";
var id =
tables[i].id.substring("menu_".length);
var imgId =
document.getElementById("Img"+ id);
var imgId2 =
document.getElementById("Img"+ id + "_0");
if(imgId)
imgId.src="images/midclosedfolder.gif";
if(imgId2)
imgId2.src="images/clsfld.gif";
}
}
function
turnit
(id) {
var menu = document.getElementById("menu_"+
id);
var imgId = document.getElementById("Img"+ id);
var imgId2 =
document.getElementById("Img"+ id + "_0");
if
(menu.style.display=="none"){
HideAll();
menu.style.display = "";
if(imgId)
imgId.src="images/midopenedfolder.gif";
if(imgId2)
imgId2.src="images/openfld.gif";
}else{
menu.style.display =
"none";
if(imgId) imgId.src="images/midclosedfolder.gif";
if(imgId2) imgId2.src="images/clsfld.gif";
}
}
</Script>
<style
type="text/css">
<!--
td {
font-size: 13px;
color:
#000000;
font-weight: none
}
a:active {
color:
#FF6600;
text-decoration: none
}
a:hover {
color:
#FF6600;
text-decoration: none
}
a:link {
color:
#FF6600;
text-decoration: none
}
a:visited {
color:
#FF6600;
text-decoration: none
}
-->
</style>
</head>
<body leftmargin="0" topmargin="0"
bgcolor="#F1F1F1">
<br>
<!-------------------------产品管理START------------------------------->
<table border=0 width="160" align="" cellspacing="0"
cellpadding="0">
<tr>
<td
colspan="3" language="JavaScript" onMouseUp="turnit('Product')"
style="CURSOR: hand">
<img id="ImgProduct"
src="images/midclosedfolder.gif"
align="absMiddle"
border="0" width="16">
<img name="ImgProduct_0"
src="images/clsfld.gif" align="absMiddle"
border="0">
<font
face=宋体><b>产品管理</b>
</font>
</td>
</tr>
</table>
<table id="menu_Product" border=0 width="160"
align=""
cellspacing="0" cellpadding="0" style="display:
none">
<tr>
<td
width="80">
<img src="images/vertline.gif"
border=0>
<img src="images/lastnodeline.gif"
align="absMiddle" border=0
width="16"
height="22">
<img src="images/doctemp.gif"
align="absMiddle" border="0"
width="16"
height="16">
</td>
<td
width="123">
<a href="">产品类别管理</a>
</td>
</tr>
</table>
<!-------------------------产品管理END------------------------------->
<table border="0" width="160" align="" cellspacing="0"
cellpadding="0">
<tr>
<td
width="20">
<img src="images/lastnodeline.gif"
border="0">
</td>
<td>
<a href=""
target="_parent">退出系统</a>
</td>
</tr>
</table>
</body>
</html>
|
相关推荐
无限级可刷新Js树型菜单 无限级可刷新Js树型菜单
经典的js树型菜单显示,javascript脚本学习
简单好用的JS树型菜单,可以动态添加节点,运用灵活,简便
Javascript树型菜单
无限级可刷新Js树型菜单 dTree 无限级可刷新Js树型菜单 dTree
非常实用的JS树型菜单,下载即可试用,学习
JavaScript\JS\菜单类\无限级可刷新Js树型菜单代码
JS树型菜单的控件,挺好用的.现在分享给大家
超酷的可刷新Js树型菜单,很漂亮
无限级可刷新Js树型菜单 一个很好的js菜单树 内带API和实例,可以方便学习使用
Div+CSS+JS树型菜单,可刷新,可用于商品、文章分类等
非常实用简单,一看就会的javascript树型菜单,很实用