Tree型结构，Tree图不管在哪个领域都是一个比较吃香的东东。在自己的网站或项目中有一个tree型图或tree型结构的权限（或角色，和数据库设计相关），总能有那么一点点成就感。^_^
这篇文章就把我自己在这方面应用的实践整理一下拿出来。为您详细介绍了在Tree有关方面应用的完整实践。
实例如下：
左边的tree图的实现方式是通过javascript+jsp实现。如果是为了实现逻辑上的tree结构的维护，采用的是xml解决方案。
现在这里说一下,javascript+jsp的表现层的实现。这里的javascript并不是唯一的选择，可以在网上下到类似的javascript(毕竟是共享的嘛。:) ).点这里可以下载相关代码.
其中的test.htm是javascript例子代码:
"d.add(3,0,'技术与方案','admin.php?module=article&action=catelist&cid=3','','_blank');
"中的"3"是当前节点，"0"是父节点,"技术与方案"是tree上显示的节点名,"admin.php?......"指向的url."_blank"是指向的窗口。
从上可以看出，这个javascript已经把tree图实现的大部分工作已经做好了。只要我们传入对应的数据就可以了。
首先是数据库结构。从上可以看出，有节点名，节点id,父节点id,节点url,节点target,还可以有个节点状态（比如是激活或休眠，很常用用一种用法），当然还可以有其它属性，那就要根据项目的需要了。其实只要抓住一点，有唯一节点id和唯一父节点id就可以了（面向对象）就可以了。
有了数据库结构，然后要实现tree图就是根据一定的限制（比如权限，最后对应为tree结构的子集（当然也必须是完整的tree结构））取出符合条件并且完整的tree结构的数据（我采用的解决方法是把权限对应的节点的上溯父节点都取出来保证tree结构的完整性,具体可以看java&xml心得(三)）.
假设我们已经完成了上述的工作，那么要实现tree图的代码应该如下:
.........
Untitled document．lt;/title><P> <P> <link rel="stylesheet" href="images/cj_styles.css" type="text/css"><P> <script type="text/javascript" src="include/dtree.js"></script><P> <P> <P> <P> <div class="dtree"><P> <P> <script type="text/javascript"><P> <!--<P> <P> <%<P> if(!finds){<P> out.println("document．write('没有权限');");<P> }else{<P> Result rsShow=ResultFactory.getResult("Vector");<P> rsShow.setConnType("jdbc");<P> rsShow.setSql(tempsqls);<P> rsShow.Create();<P> out.println("d=new dTree('d');");<P> out.println("d.add(0,-1,'权限列表');");<P> String t_tree_id,t_tree_id_p,t_tree_name,t_tree_address,t_tree_target;<P> while(rsShow.next()){<P> t_tree_id=rsShow.getString("tree_id");<P> t_tree_id_p=rsShow.getString("tree_id_p");<P> t_tree_name=rsShow.getString("tree_name");<P> t_tree_address=rsShow.getString("tree_address");<P> t_tree_address+="?tree_id="+rsShow.getString("tree_id")+"&tree_name="+rsShow.getString("tree_name"); //t_tree_address+="edit/list.jsp?tree_id="+rsShow.getString("tree_id")+"&tree_name="+rsShow.getString("tree_name");<P> t_tree_target=rsShow.getString("tree_target").length()>0?rsShow.getString("tree_target"):"mainFrame";<P> out.println("d.add("+t_tree_id+","+t_tree_id_p+",'"+t_tree_name+"','"+t_tree_address+"','','"+t_tree_target+"');");<P> }<P> out.println("d.add(-2,0,'退出系统','/zdtadmin/content/login.jsp','','_top');");<P> out.println("document．write(d);");<P> rsShow.close();<P> }<P> %><P> <P> --><P> </script><P> <P> </div><P> <P> <P> <P> 这样就实现了动态tree图。<P> 上面的这种实现是用jsp+javascript实现。也可以用xml+xsl来实现。不是必要，只是可以让新手也了解一下关于xml的应用。:)<P> 比如我们已经成功把数据库的数据导出成xml格式。代码如下：<P> <P> <P> <table name="cm_tree"><P> <col id="1" label="????伴?" parentid="29" target="_blank" url="/zdtadmin/default.jsp"></col><P> <col id="2" label="???瑕??" parentid="1" target="_blank" url="/zdtadmin/newsadmin/list.jsp?tree_id=2"></col><P> <col id="3" label="缁煎?淇℃?" parentid="1" target="_blank" url="/zdtadmin/newsadmin/list.jsp?tree_id=3"></col><P> <col id="4" label="?跨?娉??" parentid="29" target="_blank" url="/zdtadmin/default.jsp"></col><P> <col id="5" label="娉??娉??" parentid="4" target="_blank" url="/zdtadmin/newsadmin/list.jsp?tree_id=5"></col><P> <col id="7" label="?跨???┒" parentid="4" target="_blank" url="/zdtadmin/newsadmin/list.jsp?tree_id=7"></col><P> <col id="8" label="??骇缁??" parentid="29" target="_blank" url="/zdtadmin/default.jsp"></col><P> <col id="9" label="瀹????骇" parentid="8" target="_blank" url="/zdtadmin/newsadmin/list.jsp?tree_id=9"></col><P> <col id="10" label="缁???ㄦ? parentid="8" target="_blank" url="/zdtadmin/newsadmin/list.jsp?tree_id=10"></col><P> <col id="11" label="宸ョ?寤鸿?" parentid="29" target="_blank" url="/zdtadmin/default.jsp"></col><P> <col id="12" label="???宸ョ?" parentid="11" target="_blank" url="/zdtadmin/newsadmin/list.jsp?tree_id=12"></col><P> <col id="13" label="姘寸?宸ョ?" parentid="11" target="_blank" url="/zdtadmin/newsadmin/list.jsp?tree_id=13"></col><P> <col id="14" label="?哥?宸ョ?" parentid="11" target="_blank" url="/zdtadmin/newsadmin/list.jsp?tree_id=14"></col><P> <col id="17" label="?介????" parentid="29" target="_blank" url="/zdtadmin/default.jsp"></col><P> <col id="19" label="????ㄦ? parentid="17" target="_blank" url="/zdtadmin/newsadmin/list.jsp?tree_id=19"></col><P> <col id="20" label="浼?????" parentid="29" target="_blank" url="/zdtadmin/default.jsp"></col><P> <col id="22" label="绮剧????" parentid="20" target="_blank" url="/zdtadmin/newsadmin/list.jsp?tree_id=22"></col><P> <col id="24" label="?朵?淇℃?" parentid="29" target="_blank" url="/zdtadmin/default.jsp"></col><P> <col id="25" label="澶╂?棰??" parentid="24" target="_blank" url="/zdtadmin/newsadmin/list.jsp?tree_id=25"></col><P> <col id="26" label="浼??????ㄦ? parentid="20" target="_blank" url="/zdtadmin/newsadmin/list.jsp?tree_id=26"></col><P> <col id="27" label="???娲诲?" parentid="20" target="_blank" url="/zdtadmin/newsadmin/list.jsp?tree_id=27"></col><P> <col id="29" label="???绠＄?" parentid="0" target="_blank" url="/zdtadmin/default.jsp"></col><P> <col id="31" label="???缁存?" parentid="0" target="_blank" url="/zdtadmin/treeadmin/tree_edit.jsp"></col><P> <col i <p><A href="http://java.chinaitlab.com/others/19787.html" target=_blank>查看本文来源</A></p>
</div>
<ul class='qu_lixddd'></ul>
<div class="qu_fe123">
<div style="display:none;" id="newsPageTitle" class="newsinnerhrtit"> <i class="pagenavtag" style="display:none;"></i></div>
</div>
<div class="qu_liix">
</div>
<div class="clear30"></div>
<ul class="qu_li058x"><li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523150.shtml#comment" id="weixin"><img src="http://icon.zhiding.cn/zdnet/2015/images/wvvx_11.jpg" alt="评论" /></a></li><li><a href="javascript:;" date-url="http://service.weibo.com/share/share.php?title=Tree图全功略: Tree型结构，Tree图不管在哪个领域都是一个比较吃香的东东。在自己的网站或项目中有一个tree型图或tree型结构的权限（或角色，和数据库设计相关），总能有那么一点点成就感。&url=http://soft.zhiding.cn/software_zone/2007/0925/523150.shtml&pic=&ralateUid=#523150" class="s_wb" id="weibo"><img src="http://icon.zhiding.cn/zdnet/2015/images/wvvx_08.jpg" alt="分享微博" /></a></li><li><a href="javascript:;" date-url="http://s.jiathis.com/?webid=email&url=http://soft.zhiding.cn/software_zone/2007/0925/523150.shtml&title=Tree图全功略&su=1" class="s_wb" id="mail"><img src="http://icon.zhiding.cn/zdnet/2015/images/wvvx_14.jpg" alt="分享邮件" /></a></li></ul>
<div class="clear40"></div>
<div class="qu_guo"><div class="qu_lix05s"><input type="button" value="编程" class="on"><input type="button" value="java"></div><div class="qu_qihi434x"><div><ul class="qu_lies" style="display:block"> <li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523149.shtml" title="" target="blank">Java 中 this 的使用</a></li> <li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523148.shtml" title="" target="blank">Java下数字类型的转换</a></li> <li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523147.shtml" title="" target="blank">Java语法规则</a></li> <li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523146.shtml" title="" target="blank">java的事件处理</a></li> <li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523145.shtml" title="" target="blank">Java理论与实践:垃圾收集简史</a></li></ul><ul class="qu_lies"> <li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523149.shtml" title="" target="blank">Java 中 this 的使用</a></li> <li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523148.shtml" title="" target="blank">Java下数字类型的转换</a></li> <li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523147.shtml" title="" target="blank">Java语法规则</a></li> <li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523146.shtml" title="" target="blank">java的事件处理</a></li> <li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523145.shtml" title="" target="blank">Java理论与实践:垃圾收集简史</a></li></ul></div></div></div><div class="qu_guo2"><div class="qu_lix05s"><input type="button" value="编程" class="on"><input type="button" value="java"></div><div class="qu_qihi434x"><div><ul class="qu_lies" style="display:block"> <li><a href="http://soft.zhiding.cn/software_zone/2017/0224/3089909.shtml" title="" target="blank">人类建造人工智能机器人 到底是对是错？</a></li> <li><a href="http://soft.zhiding.cn/software_zone/2015/0414/3050225.shtml" title="" target="blank">IBM Bluemix云开发平台助力NASA太空应用挑战赛</a></li> <li><a href="http://soft.zhiding.cn/software_zone/2015/0317/3048184.shtml" title="" target="blank">万事达卡寻找真正编程大师 赢取60万元竞赛大奖</a></li> <li><a href="http://soft.zhiding.cn/software_zone/2014/1009/3035685.shtml" title="" target="blank">谷歌微软通过code.org在全球推广“一小时编程”项目</a></li> <li><a href="http://soft.zhiding.cn/software_zone/2013/0729/2170313.shtml" title="" target="blank">微软推出Orleans云计算编程框架早期采用者计划</a></li></ul><ul class="qu_lies"> <li><a href="http://soft.zhiding.cn/software_zone/2017/1004/3098953.shtml" title="" target="blank">甲骨文公司副总裁：“我们希望在下一个十年中实现Java至上，Java永在”</a></li> <li><a href="http://soft.zhiding.cn/software_zone/2017/0213/3089310.shtml" title="" target="blank">开发平台怎么选？来看看专业人士怎么说</a></li> <li><a href="http://soft.zhiding.cn/software_zone/2016/0916/3083314.shtml" title="" target="blank">Oracle：推迟了的Java Enterprise Edition 8将会在“今年之内”发布</a></li> <li><a href="http://soft.zhiding.cn/software_zone/2016/0329/3074940.shtml" title="" target="blank">甲骨文发布紧急Java补丁修补可导致系统劫持的漏洞</a></li> <li><a href="http://soft.zhiding.cn/software_zone/2015/0721/3057585.shtml" title="" target="blank">2015年“甲骨文杯”全国Java程序设计大赛在广州圆满收官</a></li></ul></div></div></div>
<div class="clear20"></div>
<div class="qu_llpns"></div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="qu_right">
<!-- search zhding -->
<form id="search" class="siteSearch" action="http://s.zhiding.cn/search.php?" onsubmit="Omniture.trackSearchSubmit(this, $(this).find('[name=word]').val());">
<fieldset class="box">
<!--input获得焦点是，加上CLASS名："cls"-->
<input type="text" class="ser" placeholder="Search 至顶网" tabindex="1" name="word" value="">
<input type="hidden" name="s" value="13431525355703578451">
<input type="hidden" name="nsid" value="0">
<input type="submit" class="bn" value=" ">
<div class="clear"></div>
</fieldset>
</form>
<div class="log">
<div class="qu_vips"><a target="_blank" href="//www.zhiding.cn/vip">VIP专区</a></div>
<div class="vip_login vip">
<span>VIP用户</span>
<div class="qu_login loginvip">
<ul>
<li><a href="//www.zhiding.cn/vip/register">注册</a></li>
<li><a href="//www.zhiding.cn/vip/login">登录</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
<div class="vip_login">
<span>普通用户</span>
<div class="qu_login comment">
<ul>
<li><a href="//www.zhiding.cn/user/register">注册</a></li>
<li><a href="//www.zhiding.cn/user/login">登录</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear30"></div>
<div class="ads300">
<a href="javascript:void(0);" class="ad_hover_href"></a><!--soft_article_1_pip --><div><div id="AD8813" style="width:330px;height:215px;text-align:center;float:none;"><a href="javascript:;"><img width="330" height="215" src="http://am.zhiding.cn/www/images/202204/default_ads_qikegushi330m_0402.jpg" alt="" border="0"></a></div>
</div>
</div>
<div class="clear30"></div>
<div class="qu_dings">
<div class="qu_tit">邮件订阅</div>
<p class="qu_jies">如果您非常迫切的想了解IT领域最新产品与技术信息，那么订阅至顶网技术邮件将是您的最佳途径之一。</p>
<form action="//www.zhiding.cn/user/my" target="_blank" method="get"><input type="text" placeholder="Enter your email address" class="qu_inp" value="" id="email" name="email"><input type="submit" class="qu_bis" value="现在订阅"></form>
</div>
<div class="clear20"></div>
<div class="qu_tit02">重磅专题</div><ul class="qu_lists"> <li >
<a href="http://www.zhiding.cn/files/link.php?url=//www.techwalker.com/special/WorldAIC" target="_blank" title="现场直击｜2021世界人工智能大会" >
<img alt="现场直击｜2021世界人工智能大会" src="//img.zhiding.cn/5/672/li5e3wpakzRU_140.jpg" width="73px" />
<p>现场直击｜2021世界人工智能大会</p>
</a>
<div class="clear"></div>
</li> <li >
<a href="http://www.zhiding.cn/files/link.php?url=//www.techwalker.com/special/5Ging" target="_blank" title="直击5G创新地带，就在2021MWC上海" >
<img alt="直击5G创新地带，就在2021MWC上海" src="//img.zhiding.cn/5/614/litXqVynCcHC2_140.jpg" width="73px" />
<p>直击5G创新地带，就在2021MWC上海</p>
</a>
<div class="clear"></div>
</li> <li >
<a href="//www.zhiding.cn/special/Juniper_5G_SP" target="_blank" title="5G已至 转型当时——服务提供商如何把握转型的绝佳时机" >
<img alt="5G已至 转型当时——服务提供商如何把握转型的绝佳时机" src="//img.zhiding.cn/5/341/liYbVscYYnxk_140.jpg" width="73px" />
<p>5G已至 转型当时——服务提供商如何把握转型的绝佳时机</p>
</a>
<div class="clear"></div>
</li> <li >
<a href="http://www.zhiding.cn/files/link.php?url=//www.techwalker.com/special/oneplus-8-pro" target="_blank" title="寻找自己的Flag" >
<img alt="寻找自己的Flag" src="//img.zhiding.cn/5/349/li544GPHD3vaU_140.jpg" width="73px" />
<p>寻找自己的Flag</p>
</a>
<div class="clear"></div>
</li> <li class="end">
<a href="http://www.zhiding.cn/files/link.php?url=//www.techwalker.com/special/Huawei_HDC_Cloud" target="_blank" title="华为开发者大会2020（Cloud）- 科技行者" >
<img alt="华为开发者大会2020（Cloud）- 科技行者" src="//img.zhiding.cn/5/931/liMabX2j00cRo_140.jpg" width="73px" />
<p>华为开发者大会2020（Cloud）- 科技行者</p>
</a>
<div class="clear"></div>
</li></ul><div class="clear20"></div>
<div class="qu_tit02">往期文章</div><div class="qu_qihix"><div><ul class="qu_lies" style="display:block;"><li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523149.shtml" title="Java 中 this 的使用" target="_blank">Java 中 this 的使用</a></li><li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523148.shtml" title="Java下数字类型的转换" target="_blank">Java下数字类型的转换</a></li><li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523147.shtml" title="Java语法规则" target="_blank">Java语法规则</a></li><li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523146.shtml" title="java的事件处理" target="_blank">java的事件处理</a></li><li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523145.shtml" title="Java理论与实践:垃圾收集简史" target="_blank">Java理论与实践:垃圾收集简史</a></li><li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523144.shtml" title="利用java本地拷贝文件及文件夹" target="_blank">利用java本地拷贝文件及文件夹</a></li><li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523143.shtml" title="Java编程中的中的“文档”和“包”" target="_blank">Java编程中的中的“文档”和“包”</a></li><li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523142.shtml" title="在 Java 中如何进行 BASE64 编码和解码" target="_blank">在 Java 中如何进行 BASE64 编码和解码</a></li><li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523141.shtml" title="vtk在Java2中的使用" target="_blank">vtk在Java2中的使用</a></li><li><a href="http://soft.zhiding.cn/software_zone/2007/0925/523140.shtml" title="ClassLoader介绍" target="_blank">ClassLoader介绍</a></li></ul></div></div><div class="clear20"></div>
<div class="qu_tit02">最新文章</div><div class="qu_qihix"><div><ul class="qu_lies" style="display:block;"><li><a href="//server.zhiding.cn/server/2025/0121/3162941.shtml" title="深度伪造的好处？一项有争议技术的意外潜力" target="_blank">深度伪造的好处？一项有争议技术的意外潜力</a></li><li><a href="//ai.zhiding.cn/2025/0121/3162940.shtml" title="从智能搜索到无缝医疗：AI 将如何改变 2025 年的体验" target="_blank">从智能搜索到无缝医疗：AI 将如何改变 2025 年的体验</a></li><li><a href="//server.zhiding.cn/server/2025/0121/3162939.shtml" title="TenneT 在北海部署海上光纤网络以提升输出能力" target="_blank">TenneT 在北海部署海上光纤网络以提升输出能力</a></li><li><a href="//ai.zhiding.cn/2025/0121/3162938.shtml" title="联想携手新加坡圣淘沙物流打造智能仓储" target="_blank">联想携手新加坡圣淘沙物流打造智能仓储</a></li><li><a href="//stor-age.zhiding.cn/stor-age/2025/0121/3162937.shtml" title="Coldago 发布三份文件存储供应商评估图谱" target="_blank">Coldago 发布三份文件存储供应商评估图谱</a></li><li><a href="//stor-age.zhiding.cn/stor-age/2025/0121/3162936.shtml" title="Datafy 推出自动化优化引擎，瞄准 EBS 成本优化市场" target="_blank">Datafy 推出自动化优化引擎，瞄准 EBS 成本优化市场</a></li><li><a href="//stor-age.zhiding.cn/stor-age/2025/0121/3162935.shtml" title="DDN 获3亿美元投资，矢志成为 AI 存储领导者" target="_blank">DDN 获3亿美元投资，矢志成为 AI 存储领导者</a></li><li><a href="//ai.zhiding.cn/2025/0120/3162934.shtml" title="基于Sim2Real具身智能引擎，人形机器人DexForce W1正式发布" target="_blank">基于Sim2Real具身智能引擎，人形机器人DexForce W1正式发布</a></li><li><a href="//net.zhiding.cn/network_security_zone/2025/0120/3162933.shtml" title="ChatGPT 爬虫可被诱导执行 DDoS 攻击并回答查询" target="_blank">ChatGPT 爬虫可被诱导执行 DDoS 攻击并回答查询</a></li><li><a href="//cooperation.zhiding.cn/2025/0120/3162932.shtml" title="唯捷创芯2024年营收跌近30%" target="_blank">唯捷创芯2024年营收跌近30%</a></li></ul></div></div><div class="clear20"></div>
<div class="clear20"></div>
</div>
<div class="clear20"></div>
</div>
<div class="qu_footer">
<div class="qu_main">
<h2 class="ib02">业界热点:</h2>
<div id="tab_kw1" class="qu_pot"><a href="https://www.zhiding.cn/files/klist-0-336422-1.htm" target="_blank" title="数字化转型">数字化转型</a><a href="https://www.zhiding.cn/files/klist-0-349552-1.htm" target="_blank" title="东数西算">东数西算</a><a href="https://www.zhiding.cn/files/klist-0-342022-1.htm" target="_blank" title="自动驾驶">自动驾驶</a><a href="https://www.zhiding.cn/files/klist-0-337724-1.htm" target="_blank" title="智能制造">智能制造</a><a href="https://www.zhiding.cn/files/klist-0-328132-1.htm" target="_blank" title="云计算">云计算</a><a href="https://www.zhiding.cn/files/klist-0-349196-1.htm" target="_blank" title="元宇宙">元宇宙</a><a href="https://www.zhiding.cn/files/klist-0-349469-1.htm" target="_blank" title="虚拟人">虚拟人</a><a href="https://www.zhiding.cn/files/klist-0-330716-1.htm" target="_blank" title="物联网">物联网</a><a href="https://www.zhiding.cn/files/klist-0-349632-1.htm" target="_blank" title="算力网络">算力网络</a><a href="https://www.zhiding.cn/files/klist-0-347831-1.htm" target="_blank" title="数字孪生">数字孪生</a><a href="https://www.zhiding.cn/files/klist-0-327861-1.htm" target="_blank" title="人工智能">人工智能</a><a href="https://www.zhiding.cn/files/klist-0-340036-1.htm" target="_blank" title="区块链">区块链</a><a href="https://www.zhiding.cn/files/klist-0-292731-1.htm" target="_blank" title="开源">开源</a><a href="https://www.zhiding.cn/files/klist-0-328109-1.htm" target="_blank" title="大数据">大数据</a></div>
<div class="clear20"></div>
<ul class="qu_lis45">
<li class="fir"><a href="http://www.zhiding.cn/i/zdnet/div/contact.shtml">联系我们</a></li>
<li><a href="http://www.zhiding.cn/i/zdnet/div/site_nav.shtml">网站导航</a></li>
<li><a href="http://www.zhiding.cn/i/zdnet/div/introd.shtml">网站简介</a></li>
<li><a href="http://www.zhiding.cn/i/zdnet/div/work.shtml">招聘信息</a></li>
<li><a href="http://www.zhiding.cn/i/zdnet/div/privacy.shtml">至顶网服务协议</a></li>
<li><a href="http://www.zhiding.cn/i/zdnet/div/agreement.shtml">隐私权声明</a></li>
<li class="end"><a href="http://www.zhiding.cn/i/zdnet/div/faw.shtml">法律投诉声明</a></li>
<div class="clear"></div>
</ul>
<div class="qu_copy">北京第二十六维信息技术有限公司（至顶网）版权所有. 京ICP备15039648号-7 京ICP证161336号 <img border="0" src=" http://icon.zhiding.cn/beian/icon.png" >京公网安备 11010802021500号</div>
</div>
</div>
<div style="display: none;">
<script language="javascript" src="//pv.zhiding.cn/js/pv.js"></script>
</div>
<script>
jQuery(function($){
var sel = $('.sel').val();
title_nav(sel);
});
</script>
</body>
</html> 
