纯html+js+xml 导航功能

由于经常看到些网站和网址,用收藏夹管理和书签查看很不方便,决定自己写个html导航代码,方便查看和携带。以下是结果图:


下面是设计图(动态生成导航菜单和tab页面)


以下是xml中关于数据的定义摘录

<menuTitle name="学习" titleId = "0"> 
     <navMenu name="网页工具"  navId="0">
     	<tabMenu id = "1" name="格式化Javascript" url="htmlTool/jsfmt.htm"/>
	    <tabMenu id = "2" name="Js压缩" url="htmlTool/jscps.htm"/> 
	    <tabMenu id = "3" name="CSS 格式/压缩" url="htmlTool/csfmt.htm"/>
     </navMenu>
   </menuTitle>
   <menuTitle name="网址" titleId = "1">
     <navMenu name="系统"  navId="0">
     	<tabMenu id = "1" name="操作系统" url="web.htm"/>
	    <tabMenu id = "2" name="下载" url="web.htm"/> 
	    <tabMenu id = "3" name="书籍" url="web.htm"/>
     </navMenu>
     <navMenu name="学习"  navId="1">
     	<tabMenu id = "1" name="语言" url="web.htm"/>
	    <tabMenu id = "2" name="java" url="web.htm"/> 
	    <tabMenu id = "3" name="net" url="web.htm"/>
	    <tabMenu id = "4" name="html" url="web.htm"/>
	    <tabMenu id = "5" name="j2ee" url="web.htm"/>
     </navMenu>
     。。。。。。。。。
</menuTitle>
<webContent webId = "101"> 
     <homePage name="系统">
     	<web name="Win7系统下载" url="http://www.zhuangxitong.com/win7/"/>
     	<web name="大白菜官网" url="www.winbaicai.com/"/>
     	<web name="绝对PE工具箱" url="www.xiazaiba.com/html/3747.html"/>
     	<web name="大众计算机学习网" url="www.dzwebs.net/index.html"/>
     	<web name="秋无痕论坛" url="bbs.realqwh.cn/"/>
     	<web name="十二星座系统" url="12xzzx.com/a/zuopin/"/>
     </homePage>
     <homePage name="手机">
     	<web name="华为U8800评测" url="www.50mk.com/news/show_28.html"/>
     	<web name="安卓论坛" url="bbs.hiapk.com/forum-371-1.html"/>
     	<web name="地瓜游戏中心" url="android.d.cn/software/374.html"/>
     	<web name="华为(官方)" url="www.huaweidevice.com/cn/"/>
     	<web name="安卓论坛" url="WWW.ANZHUO2.COM"/>
     </homePage>
     。。。。。。。。。。。。。
   </webContent>
   <webContent webId = "102"> 
     <homePage name="视频下载">
     	<web name="高性能网站建设指南" url="www.verycd.com/topics/2767534/"/>
     </homePage>
     。。。。。。。。。。。。。
</webContent>
由于没有使用b/s模式,纯html+js不能够实现xml的写操作。activex用的兼容性不好,新的可写的html5标准还没有出来,所以准备再写一个桌面软件来定义xml文件。方便纯绿色使用。





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值