码迷,mamicode.com
首页 > 其他好文 > 详细

三行代码实现树形菜单(多种风格的菜单展示)

时间:2015-04-04 10:45:50      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:xmltree标签   树形菜单   web开发   互联网   电子商务   

代码

<html>
<head>
<title>XML树</title>
<chinahtml file="help/tree/act.htm"/><!-- 引入树操作文件 -->
<style>div{padding-left:0px;padding-top:0px;cursor:normal;font-size:12px}</style>
</head>
<body onload="onStart();">
<table border=0 style="overflow:scroll" cellspacing=0 cellpadding=0>
<tr><td height=8></td></tr>
<tr><td>
<chtml>
<bag id=pPage><we name=imgPath>help/tree</we><we name=id>e</we></bag>
<xmlTree id="e" url="javascript:alert" imgPath="@{pPage:imgPath}" p="HtokID">_samples/test.xml</xmlTree>
</chtml>
</td></tr></table>
</body>
</html>

风格1图片路径为help/tree

<bag id=pPage><we name=imgPath>help/tree</we><we name=id>e</we></bag>
效果
技术分享

风格2图片路径为base/tree(轻开B2C电子商务网站组织机构实例,文件为base/xml/tree.html

<bag id=pPage><we name=imgPath>base/tree</we><we name=id>e</we></bag>
效果

技术分享

风格3图片路径为help/tree/1

<bag id=pPage><we name=imgPath>help/tree/1</we><we name=id>e</we></bag>
效果
技术分享

风格4图片路径为help/tree/2

<bag id=pPage><we name=imgPath>help/tree/2</we><we name=id>e</we></bag>
效果
技术分享

风格5图片路径为help/tree/3

<bag id=pPage><we name=imgPath>help/tree/3</we><we name=id>e</we></bag>
效果
技术分享

相当炫丽吧技术分享技术分享技术分享技术分享

轻松互联网开发平台(Easy Do IT)资源下载

平台及最新开发手册免费下载:http://download.csdn.net/detail/tx18/8464425

开发实例:轻开B2C电子商务网站,免费下载:http://download.csdn.net/detail/tx18/8318585

轻开平台会不定期升级为大家提供更多强大而Easy的功能,请留意下载最新的版本


三行代码实现树形菜单(多种风格的菜单展示)

标签:xmltree标签   树形菜单   web开发   互联网   电子商务   

原文地址:http://blog.csdn.net/tx18/article/details/44870763

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!