竖向三级树形折叠列表菜单代码
Code1
<!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>
8
a{}{color: #000000;text-decoration: none;}9
a:hover{}{color: #ff0000;text-decoration: underline;}10
body{}{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">68
function 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
else78
{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
}84
function 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
else94
{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>
浙公网安备 33010602011771号