Code
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
3
4<head>
5<title>竖向三级树形折叠列表菜单代码 - www.webdm.cn</title>
6<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
7<style>
8a{}{color: #000000;text-decoration: none;}
9a:hover{}{color: #ff0000;text-decoration: underline;}
10body{}{font-size:12px;}
11.p{}{margin-left:10px;}
12.ps{}{margin-left:10px;display:none;}
13.pss{}{margin-left:10px;display:block;}
14.t{}{cursor:pointer;background:url(http://www.webdm.cn/images/20090922/ico080426_close.gif) no-repeat;line-height:20px; padding-left:20px; height:20px;}
15.f{}{cursor:pointer;background:url(http://www.webdm.cn/images/20090922/ico080426_open.gif) no-repeat;line-height:20px; padding-left:20px; height:20px;}
16.b{}{cursor:pointer;background:url(http://www.webdm.cn/images/20090922/ico080426_dot.gif) no-repeat;line-height:20px; padding-left:20px; height:20px;}
17.fblod{}{font-weight:bold;}
18.padtb8{}{padding:8px 0;}
19.fontred{}{color:#f00;}
20</style>
21</head>
22
23<body bgcolor="#F6F6F6" leftmargin="0">
24
25<div class="padtb8">
26 <div class="f fblod" id="sgc" onclick="w('gc')" style="background:url(images/ico080426_close.gif) no-repeat">
27 <a target="FrameRight" href="">国产</a>(23934)</div>
28 <div class="ps" id="gc" style="display:block">
29 <div id="sfgc91" class="f" onclick="k('fgc91')">
30 <a target="FrameRight" href="">
31 北京奔驰(779)</a></div>
32 <div class="ps" id="fgc91">
33 <div class="b">
34 <a target="FrameRight" href="">
35 奔驰E级(314)</a></div>
36 <div class="b">
37 <a target="FrameRight" href="">
38 克莱斯勒300C(99)</a></div>
39 <div class="b">
40 <a target="FrameRight" href="">
41 JEEP(50)</a></div>
42 </div>
43 <div id="sfgc93" class="f" onclick="k('fgc93')">
44 <a target="FrameRight" href="">
45 北京现代(1274)</a></div>
46 <div class="ps" id="fgc93">
47 <div class="b">
48 <a target="FrameRight" href="">
49 SONATA御翔(203)</a></div>
50 <div class="b">
51 <a target="FrameRight" href="">
52 伊兰特(545)</a></div>
53 </div>
54 <div id="sfgc94" class="f" onclick="k('fgc94')">
55 <a target="FrameRight" href="">
56 比亚迪(319)</a></div>
57 <div class="ps" id="fgc94">
58 <div class="b">
59 <a target="FrameRight" href="">
60 F3(221)</a></div>
61 <div class="b">
62 <a target="FrameRight" href="">
63 F6(60)</a></div>
64 </div> </div>
65 </div>
66</div>
67<script language="javascript" type="text/javascript">
68function w(vd)
69{
70 var ob=document.getElementById(vd);
71 if(ob.style.display=="block" || ob.style.display=="")
72 {
73 ob.style.display="none";
74 var ob2=document.getElementById('s'+vd);
75 ob2.style.backgroundImage="url(http://www.webdm.cn/images/20090922/ico080426_open.gif)";
76 }
77 else
78 {
79 ob.style.display="block";
80 var ob2=document.getElementById('s'+vd);
81 ob2.style.backgroundImage="url(http://www.webdm.cn/images/20090922/ico080426_close.gif)";
82 }
83}
84function k(vd)
85{
86 var ob=document.getElementById(vd);
87 if(ob.style.display=="block")
88 {
89 ob.style.display="none";
90 var ob2=document.getElementById('s'+vd);
91 ob2.style.backgroundImage="url(http://www.webdm.cn/images/20090922/ico080426_open.gif)";
92 }
93 else
94 {
95 ob.style.display="block";
96 var ob2=document.getElementById('s'+vd);
97 ob2.style.backgroundImage="url(http://www.webdm.cn/images/20090922/ico080426_close.gif)";
98 }
99}
100</script>
101</body>
102</html>
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
3
4<head>
5<title>竖向三级树形折叠列表菜单代码 - www.webdm.cn</title>
6<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
7<style>
8a{}{color: #000000;text-decoration: none;}
9a:hover{}{color: #ff0000;text-decoration: underline;}
10body{}{font-size:12px;}
11.p{}{margin-left:10px;}
12.ps{}{margin-left:10px;display:none;}
13.pss{}{margin-left:10px;display:block;}
14.t{}{cursor:pointer;background:url(http://www.webdm.cn/images/20090922/ico080426_close.gif) no-repeat;line-height:20px; padding-left:20px; height:20px;}
15.f{}{cursor:pointer;background:url(http://www.webdm.cn/images/20090922/ico080426_open.gif) no-repeat;line-height:20px; padding-left:20px; height:20px;}
16.b{}{cursor:pointer;background:url(http://www.webdm.cn/images/20090922/ico080426_dot.gif) no-repeat;line-height:20px; padding-left:20px; height:20px;}
17.fblod{}{font-weight:bold;}
18.padtb8{}{padding:8px 0;}
19.fontred{}{color:#f00;}
20</style>
21</head>
22
23<body bgcolor="#F6F6F6" leftmargin="0">
24
25<div class="padtb8">
26 <div class="f fblod" id="sgc" onclick="w('gc')" style="background:url(images/ico080426_close.gif) no-repeat">
27 <a target="FrameRight" href="">国产</a>(23934)</div>
28 <div class="ps" id="gc" style="display:block">
29 <div id="sfgc91" class="f" onclick="k('fgc91')">
30 <a target="FrameRight" href="">
31 北京奔驰(779)</a></div>
32 <div class="ps" id="fgc91">
33 <div class="b">
34 <a target="FrameRight" href="">
35 奔驰E级(314)</a></div>
36 <div class="b">
37 <a target="FrameRight" href="">
38 克莱斯勒300C(99)</a></div>
39 <div class="b">
40 <a target="FrameRight" href="">
41 JEEP(50)</a></div>
42 </div>
43 <div id="sfgc93" class="f" onclick="k('fgc93')">
44 <a target="FrameRight" href="">
45 北京现代(1274)</a></div>
46 <div class="ps" id="fgc93">
47 <div class="b">
48 <a target="FrameRight" href="">
49 SONATA御翔(203)</a></div>
50 <div class="b">
51 <a target="FrameRight" href="">
52 伊兰特(545)</a></div>
53 </div>
54 <div id="sfgc94" class="f" onclick="k('fgc94')">
55 <a target="FrameRight" href="">
56 比亚迪(319)</a></div>
57 <div class="ps" id="fgc94">
58 <div class="b">
59 <a target="FrameRight" href="">
60 F3(221)</a></div>
61 <div class="b">
62 <a target="FrameRight" href="">
63 F6(60)</a></div>
64 </div> </div>
65 </div>
66</div>
67<script language="javascript" type="text/javascript">
68function w(vd)
69{
70 var ob=document.getElementById(vd);
71 if(ob.style.display=="block" || ob.style.display=="")
72 {
73 ob.style.display="none";
74 var ob2=document.getElementById('s'+vd);
75 ob2.style.backgroundImage="url(http://www.webdm.cn/images/20090922/ico080426_open.gif)";
76 }
77 else
78 {
79 ob.style.display="block";
80 var ob2=document.getElementById('s'+vd);
81 ob2.style.backgroundImage="url(http://www.webdm.cn/images/20090922/ico080426_close.gif)";
82 }
83}
84function k(vd)
85{
86 var ob=document.getElementById(vd);
87 if(ob.style.display=="block")
88 {
89 ob.style.display="none";
90 var ob2=document.getElementById('s'+vd);
91 ob2.style.backgroundImage="url(http://www.webdm.cn/images/20090922/ico080426_open.gif)";
92 }
93 else
94 {
95 ob.style.display="block";
96 var ob2=document.getElementById('s'+vd);
97 ob2.style.backgroundImage="url(http://www.webdm.cn/images/20090922/ico080426_close.gif)";
98 }
99}
100</script>
101</body>
102</html>