<script type="text/javascript">
</script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
三级树形菜单,之前有发过一个那个和这个还是有区别的.表结构仍然是我一直发的那样的.注意,不能打开二级类
就是说只能打开大类和三级类.当有类别无三级类时候,就不适用了.
![](http://www.zerogo.cn/other/0329.jpg)
<
!
--
#include file
=
"
inc/conn.asp
"
-->
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
<
TABLE width
=
190
>
<
TR
>
<
TD width
=
"
100%
"
>
<
%
set
rsBigClass1
=
server.CreateObject(
"
adodb.recordset
"
)
rsBigClass1.open
"
Select * From BigClass
"
,conn,
1
,
1
i
=
100
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
do
while
not
rsBigClass1.eof
i
=
i
+
100
%
>
<
TABLE id
=
LeftMenu_
<
%
=
i%
>
_off cellSpacing
=
0
cellPadding
=
0
width
=
"
100%
"
>
<
TBODY
>
<
TR class
=
tree_button_title
onmouseover
=
"
this.className='tree_button_title_on';
"
onclick
=
"
document.getElementById('LeftMenu_<%=i%>_on').style.display=(document.getElementById('LeftMenu_<%=i%>_on').style.display == 'none')?'':'none';document.getElementById('LeftMenu_<%=i%>_off').style.display=(document.getElementById('LeftMenu_<%=i%>_off').style.display=='none')?'':'none'
"
onmouseout
=
"
this.className='tree_button_title'
"
>
<
TD
><
B
><
A
href
=
"
Product.asp?bigclassname=<%=rsBigClass1(
"
BigClassName
"
)%>
"
><
%
=
rsbigclass1(
"
bigclassname
"
)%
></
A
></
B
>&
nbsp;
&
nbsp;
</
TD
>
<
TD align
=
right
><
IMG
src
=
"
newegg_menu/plus.gif
"
></
TD
></
TR
></
TBODY
></
TABLE
>
<
TABLE id
=
LeftMenu_
<
%
=
i%
>
_on style
=
"
DISPLAY: none
"
cellSpacing
=
0
cellPadding
=
0
width
=
"
100%
"
>
<
TBODY
>
<
TR
>
<
TD
>
<
TABLE cellSpacing
=
0
cellPadding
=
0
width
=
"
100%
"
>
<
TBODY
>
<
TR class
=
tree_button_title
onmouseover
=
"
this.className='tree_button_title_on';
"
onclick
=
"
document.getElementById('LeftMenu_<%=i%>_on').style.display=(document.getElementById('LeftMenu_<%=i%>_on').style.display == 'none')?'':'none';document.getElementById('LeftMenu_<%=i%>_off').style.display=(document.getElementById('LeftMenu_<%=i%>_off').style.display=='none')?'':'none'
"
onmouseout
=
"
this.className='tree_button_title'
"
>
<
TD
><
B
><
A
href
=
"
Product.asp?bigclassname=<%=rsBigClass1(
"
BigClassName
"
)%>
"
><
%
=
rsbigclass1(
"
bigclassname
"
)%
></
A
></
B
>&
nbsp;
&
nbsp;
</
TD
>
<
TD align
=
right
><
IMG
src
=
"
newegg_menu/minus.gif
"
></
TD
></
TR
></
TBODY
></
TABLE
>
<
%
set
rsSmallClass1
=
server.CreateObject(
"
adodb.recordset
"
)
rsSmallClass1.open
"
Select * From SmallClass Where BigClassName='
"
&
rsBigClass1(
"
BigClassName
"
)
&
"
'
"
,conn,
1
,
1
if
not
(rsSmallClass1.bof
and
rsSmallClass1.eof)
then
j
=
33
do
while
not
rsSmallClass1.eof
j
=
j
+
100
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
%
>
<
!
--
三级类关闭时候
-->
<
TABLE id
=
LeftMenu_
<
%
=
i%
>
_
<
%
=
j%
>
_off cellSpacing
=
0
cellPadding
=
0
width
=
"
100%
"
border
=
0
>
<
TBODY
>
<
TR
>
<
TD class
=
tree_button
onmouseover
=
"
this.className='tree_button_on';
"
onclick
=
"
document.getElementById('LeftMenu_<%=i%>_<%=j%>_on').style.display=(document.getElementById('LeftMenu_<%=i%>_<%=j%>_on').style.display == 'none')?'':'none';document.getElementById('LeftMenu_<%=i%>_<%=j%>_off').style.display=(document.getElementById('LeftMenu_<%=i%>_<%=j%>_off').style.display=='none')?'':'none'
"
onmouseout
=
"
this.className='tree_button'
"
><
IMG
height
=
6
src
=
"
newegg_menu/arrow_right.gif
"
width
=
5
border
=
0
>&
nbsp;
<
FONT
size
=+
0
><
%
=
rsSmallClass1(
"
SmallClassName
"
)%
></
FONT
>&
nbsp;
&
nbsp;
</
TD
></
TR
></
TBODY
></
TABLE
>
<
!
--
三级类关闭时候
-->
<
!
--
三级类展开时候
-->
<
TABLE id
=
LeftMenu_
<
%
=
i%
>
_
<
%
=
j%
>
_on style
=
"
DISPLAY: none
"
cellSpacing
=
0
cellPadding
=
0
width
=
"
100%
"
border
=
0
>
<
TBODY
>
<
TR
>
<
TD
>
<
TABLE cellSpacing
=
0
cellPadding
=
0
width
=
"
100%
"
border
=
0
>
<
TBODY
>
<
TR
>
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
<
TD class
=
tree_button
onmouseover
=
"
this.className='tree_button_on';
"
onclick
=
"
document.getElementById('LeftMenu_<%=i%>_<%=j%>_on').style.display=(document.getElementById('LeftMenu_<%=i%>_<%=j%>_on').style.display == 'none')?'':'none';document.getElementById('LeftMenu_<%=i%>_<%=j%>_off').style.display=(document.getElementById('LeftMenu_<%=i%>_<%=j%>_off').style.display=='none')?'':'none'
"
onmouseout
=
"
this.className='tree_button'
"
><
IMG
height
=
6
src
=
"
newegg_menu/arrow_down.gif
"
width
=
5
border
=
0
>&
nbsp;
<
FONT
size
=+
0
><
%
=
rsSmallClass1(
"
SmallClassName
"
)%
></
FONT
>&
nbsp;
&
nbsp;
</
TD
></
TR
></
TBODY
></
TABLE
>
<
!
--
三级类
-->
<
TABLE cellSpacing
=
0
cellPadding
=
0
width
=
"
100%
"
border
=
0
>
<
TBODY
>
<
TR
>
<
TD class
=
tree_button_content
>
<
%sql3
=
"
select * from minclass where BigClassName='
"
&
rsBigClass1(
"
BigClassName
"
)
&
"
' and smallclassname='
"
&
rsSmallClass1(
"
SmallClassName
"
)
&
"
'
"
set
rs3
=
Server.CreateObject(
"
adodb.recordset
"
)
rs3.Open sql3,conn,
1
,
1
do
while
not
rs3.eof%
>
<
DIV class
=
tree_button_list
><
A
href
=
"
Product.asp?bigclassname=<%=rsBigClass1(
"
BigClassName
"
)%>&smallclassname=<%=rsSmallClass1(
"
SmallClassName
"
)%>&minclassname=<%=rs3(
"
minclassname
"
)%>
"
><
%
=
rs3(
"
minclassname
"
)%
></
A
></
DIV
>
<
%
rs3.movenext
loop
%
>
</
TD
>
</
TR
>
</
TBODY
>
</
TABLE
>
<
!
--
三级类
-->
</
TD
></
TR
></
TBODY
>
</
TABLE
>
<
!
--
三级类展开时候
-->
<
%rsSmallClass1.movenext
loop
end
if
rsSmallClass1.close
set
rsSmallClass1
=
nothing
%
>
</
TD
>
</
TR
>
</
TBODY
>
</
TABLE
>
<
%
rsBigClass1.movenext
loop
rsbigclass1.close
set
rsbigclass1
=
nothing
%
>
</
TD
></
TR
>
</
TABLE
>
http://www.corange.cn/archives/2007/03/24.html