现在的位置: 首页 > 综合 > 正文

js树形菜单(梯形,没有+号)-主要是通过 display 控制

2012年03月11日 ⁄ 综合 ⁄ 共 2331字 ⁄ 字号 评论关闭
<table cellspacing="0" cellpadding="0" width="184" border="0">
<tbody>
    <tr valign="middle">
      <td align="right" width="26" height="23"><div align="right">
   <img height="10" src="home/left_tit.gif" width="11" /></div></td>
      <td align="left"><img height="11" src="home/product.jpg" width="57" /></td>
    </tr>

<%

MyGetFatherID=Request("FatherClassID")
MyGetClassID=Request("ClassID")

Set Rs=Server.CreateObject("Adodb.RecordSet")
sql="Select ClassID,ClassName,OrderID,ParentID,IsPass from ProductsClass where ParentID=0 order by OrderID desc,ClassID desc"
Rs.Open sql,conn,1,1
While Not Rs.Eof

MyFatherID = Rs("ClassID")
MyFatherName = Rs("ClassName")

If Cstr(MyGetFatherID)=Cstr(MyFatherID) Then
MyDisplay=""
Else
   MyDisplay="display:none"
End If

intI = intI + 1

%>

    <tr valign="middle">
      <td align="right" height="20"><img height="5" src="home/midlefttit-1.jpg" width="3" />&nbsp;</td>
      <td height="20" align="left"><a
href="products.asp?FatherClassID=<%=MyFatherID%>&ClassID=<%=MyFatherID%>"  
onclick="javascript:Tree('tb<%=intI%>')"><%=MyFatherName%></a></td>
    </tr>

    <tr valign="middle">
      <td align="right" height="1"><!--NONE--></td>
      <td bgcolor="#cccccc" height="1"><!--NONE--></td>
    </tr>

    <tr valign="middle">
      <td align="right"></td>
      <td align="center">
  
   <table width="100%" border="0" cellspacing="0" cellpadding="0"
id="<%="tb" & intI %>" style="<%=MyDisplay%>">
         

<%
Set oRs=Server.CreateObject("Adodb.RecordSet")
sql="Select
ClassID,ClassName,Elite,Content,Picture1,OrderID,ParentID,IsPass from
ProductsClass where ParentID="&MyFatherID&" order by OrderID
desc,ClassID desc"
oRs.Open sql,conn,1,1
While Not oRs.Eof
  
   MyClassID = oRs("ClassID")
   MyClassName = oRs("ClassName")

%>
    <tr>
            <td width="8%" height="18" align="right"><img
height="5" src="home/midlefttit-1.jpg" width="3"
/>&nbsp;</td>
            <td width="92%" height="18" align="left"><a
href="products.asp?FatherClassID=<%=MyFatherID%>&ClassID=<%=MyClassID%>"><%=MyClassName%></a></td>
          </tr>
<%
   oRs.MoveNext
Wend
%>
   
      </table></td>
    </tr>

<%
Rs.MoveNext
Wend

Set oRs=Nothing
Set Rs=Nothing

MyArray=GetClassDate("ProductsClass")

%>

</tbody>
</table>
<script language="JavaScript" type="text/javascript">

function Tree(trID)
{
   var MyStyle = document.getElementById(trID).style.display;
   if(MyStyle=="none")
   {
    document.getElementById(trID).style.display=""
   }
   else
   {
    document.getElementById(trID).style.display="none"
   }
}
</script>

抱歉!评论已关闭.