<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>js树形菜单</title>
<meta http-equiv=content-type content="text/html; charset=gb2312">
<link href="css教程/163css.css" type=text/css rel=stylesheet>
</head>
<body>
<div class=pnav-cnt>
<div class=pnav-box id=letter-a>
<div class=box-title><a class="btn-fold " href="http://www.111cn.net"></a><a class="btn-unfold hidden"
href="http://www.111cn.net"></a><span class=pnav-letter>a</span><span class=cdgray>(共32张)</span></div>
<ul class="box-list hidden">
<li><a class=btn-fold href="http://www.111cn.net"></a><a
class="btn-unfold hidden" href="http://www.111cn.net"></a><b><a
href="http://www.111cn.net"
target=nt_phview>阿斯顿·马丁</a> </b><span class=cdgray>(414)</span>
<h2 class=hidden><a
href="http://www.111cn.net"
target=nt_phview>阿斯顿马丁db9</a></h2>
<li><a class=btn-fold href="http://www.111cn.net"></a><a
class="btn-unfold hidden" href="http://www.111cn.net"></a><b><a
href="http://www.111cn.net"
target=nt_phview>奥迪</a> </b><span class=cdgray>(3986)</span>
<h2 class=hidden><a
href="http://www.111cn.net"
target=nt_phview>奥迪a6</a></h2>
<h2 class=hidden><a
href="http://www.111cn.net"
target=nt_phview>奥迪a6l</a></h2>
<h2 class=hidden><a
href="http://www.111cn.net"
target=nt_phview>奥迪q5</a></h2>
<li><a class=btn-fold href="http://www.111cn.net"></a><a
class="btn-unfold hidden" href="http://www.111cn.net"></a><b><a
href="http://www.111cn.net"
target=nt_phview>阿尔法·罗米欧</a> </b><span class=cdgray>(332)</span>
<h2 class=hidden><a
href="http://www.111cn.net"
target=nt_phview>alfa 147</a></h2>
<h2 class=hidden><a
href="http://www.111cn.net"
target=nt_phview>阿尔法·罗米欧pandion</a></h2>
<h2 class=hidden><a
href="http://www.111cn.net"
target=nt_phview>2uettottanta</a></h2>
<h2 class=hidden><a
href="http://www.111cn.net"
target=nt_phview>tz3 corsa</a></h2></li></ul></div>
<div class=pnav-box id=letter-b>
<div class=box-title><a class="btn-fold "
href="http://www.111cn.net"></a><a class="btn-unfold hidden"
href="http://www.111cn.net"></a><span
class=pnav-letter>b</span><span class=cdgray>(共22819张)</span></div>
<ul class="box-list hidden">
<li><a class=btn-fold href="http://www.111cn.net"></a><a
class="btn-unfold hidden" href="http://www.111cn.net"></a><b><a
href="http://www.111cn.net"
target=nt_phview>奔腾</a> </b><span class=cdgray>(764)</span>
<h2 class=hidden><a
href="http://www.111cn.netckindex/topicid=294g0008,setid=0.html"
target=nt_phview>奔腾b50</a></h2>
<h2 class=hidden><a
href="http://www.111cn.net"
target=nt_phview>奔腾b70</a></h2>
<li><a class=btn-fold href="http://www.111cn.net"></a><a
class="btn-unfold hidden" href="http://www.111cn.net"></a><b><a
href="http://www.111cn.net"
target=nt_phview>宝马</a> </b><span class=cdgray>(35)</span>
<h2 class=hidden><a
href="http://www.111cn.net"
target=nt_phview>宝马3系</a></h2>
<h2 class=hidden><a
href="http://www.111cn.net"
target=nt_phview>进口宝马5系</a></h2>
<h2 class=hidden><a
href="http://www.111cn.net"
target=nt_phview>宝马x1</a></h2>
<h2 class=hidden><a
href="http://www.111cn.net"
target=nt_phview>宝马gran coupe</a></h2>
<h2 class=hidden><a
href="http://www.111cn.net"
target=nt_phview>acs5</a></h2>
<li><a class=btn-fold href="http://www.111cn.net"></a><a
class="btn-unfold hidden" href="http://www.111cn.net"></a><b><a
href="http://www.111cn.net"
target=nt_phview>宝骏</a> </b><span class=cdgray>(0)</span>
<li><a class=btn-fold href="http://www.111cn.net"></a><a
class="btn-unfold hidden" href="http://www.111cn.net"></a><b><a
href="http://www.111cn.net"
target=nt_phview>北京</a> </b><span class=cdgray>(19)</span> </li></ul></div><script src="js/163css.js" type=text/网页特效></script>
<script type=text/javascript>
//<![cdata[
(function(){
ntes("span.photo-search input[type=text]").addevent("focus", function(){ this.value == this.defaultvalue && (this.value = ""); }).addevent("blur", function(){ this.value == "" && (this.value = this.defaultvalue); });
ntes("div.pnav-box div.box-title a.btn-fold").addevent("click", function(e){
e.preventdefault();
var eletitle = ntes(this.parentnode);
ntes(this).addcss("hidden");
eletitle.$("a.btn-unfold").removecss("hidden");
ntes(eletitle.parentnode).$("ul.box-list").removecss("hidden");
});
ntes("div.pnav-box div.box-title a.btn-unfold").addevent("click", function(e){
e.preventdefault();
var eletitle = ntes(this.parentnode);
ntes(this).addcss("hidden");
eletitle.$("a.btn-fold").removecss("hidden");
ntes(eletitle.parentnode).$("ul.box-list").addcss("hidden");
});
ntes("div.pnav-box ul.box-list a.btn-fold").addevent("click", function(e){
e.preventdefault();
var eletitle = ntes(this.parentnode);
ntes(this).addcss("hidden");
eletitle.$("a.btn-unfold").removecss("hidden");
eletitle.$("h2").removecss("hidden");
});
ntes("div.pnav-box ul.box-list a.btn-unfold").addevent("click", function(e){
e.preventdefault();
var eletitle = ntes(this.parentnode);
ntes(this).addcss("hidden");
eletitle.$("a.btn-fold").removecss("hidden");
eletitle.$("h2").addcss("hidden");
});
new ntes.ui.slide(ntes("ul.photo-snav li"), ntes("div.photo-scnt"), "active", "mouseo教程ver", 6000);
})();
//]]>
</script></div>
</body>
</html>
源码下载地址
http://down.111cn.net/down/code/js/2010/1009/21117.html