用XSLT生成网页菜单(1)_1-在线教程,电子书下载,视屏教程,中国计算机教学网
来源:百度文库 编辑:神马文学网 时间:2024/05/01 19:31:52
用XSLT生成网页菜单(1)
日期:2005-2-17 16:18:33 来源:网上转贴 编辑:本站转 作者:未知 发送给好友
四、 XSLT
转换菜单的XML (menu.xsl) 的XSLT (menu.xsl) 为:
Menu Test
Menu =new Array(‘ ‘,‘ ‘, ‘‘, , 20, 120);
这里XSLT一共有三个模板。
第一个模板 它生成简单的HTML框架和一个空白的网页,除了调用第二个模板来插入菜单外,没有其他功能。实际应用中可以扩充这个模板加入网页的内容。
第二个模板 读取存储为 menus 属性的top, left和style控制网页菜单的位置和类型(style=0为垂直菜单,style=1为水平菜单), 并且调用第三个模板绘制菜单项。
第三个模板 生成了各个菜单项,它能递归处理嵌套子菜单项的情况。这里使用了三个 XSLT 函数[4]:position() 用于监测菜单的顺序号,count(child::*) 用于判别是否具有子菜单,concat(,position(), ‘_‘) 最终生成了HV menu所需要的菜单变量名。
五、 实例
我们用一段 javascript (test _menu.htm) 实现XSLT转换,以及显示转换后的效果。
[page]
这段程序在 IE 浏览器中创建MSXML[5]对象,然后输出结果 HTML。读者可以尝试下载本文的范例程序[8],实际体验网页菜单的效果。
鉴于Netscape浏览器不支持创建MSXML对象,我们可以在IIS服务器端转换后的返回 HTML[6]。本文介绍的网页菜单就能在Netscape浏览器中显示和运行。
六、 结论
用XML来表达菜单结构非常方便并且易于理解,当通过本文介绍的XSLT把菜单XML转换为网页菜单引擎的调用接口后,为网页制作菜单就十分容易了,只需要用普通的文本编辑器编辑XML文件。本文使用了 HV Menu引擎,如果使用其他的引擎,还可以编制一个类似XSLT来配合调用引擎的接口。最后,XML和XSLT是平台无关的标准,我们还可以在apache服务器[7]中和JSP服务器[8]中使用本文的方法。
【学习心得】
本文是学习XML及XSL技术的一个很好的实例。不过使用XML和XSL制作网页菜单仅仅是它们的一个很小的应用方面,XML和XSL的使用还有更多更加广泛的应用值得我们去学习和探讨。
本文中所制作的菜单效果虽然已经很出色,但是还是具有一定的缺点。例如菜单的位置控制、样式的扩充性,当子菜单过长时(超过浏览器纵向显示的长度)无法正确显示不可见的子菜单项等等。不过本文所使用的JS脚本给我们留出了很多扩展功能的接口函数。在长达25KB、600行的JS文件中,我们可以对菜单效果做进一步的改动。
另外,微软的网站以及MSDN的网站的导航条也运用了XML和XSL技术,我写的《仿XP风格的导航条制作教程》一文当中就是基于微软网站的导航条而写的,感兴趣的朋友可以参考一下。
用XSLT生成网页菜单(1)
日期:2005-2-17 16:18:33 来源:网上转贴 编辑:本站转 作者:未知 发送给好友
四、 XSLT
转换菜单的XML (menu.xsl) 的XSLT (menu.xsl) 为:
[page]
这段程序在 IE 浏览器中创建MSXML[5]对象,然后输出结果 HTML。读者可以尝试下载本文的范例程序[8],实际体验网页菜单的效果。
鉴于Netscape浏览器不支持创建MSXML对象,我们可以在IIS服务器端转换后的返回 HTML[6]。本文介绍的网页菜单就能在Netscape浏览器中显示和运行。
六、 结论
用XML来表达菜单结构非常方便并且易于理解,当通过本文介绍的XSLT把菜单XML转换为网页菜单引擎的调用接口后,为网页制作菜单就十分容易了,只需要用普通的文本编辑器编辑XML文件。本文使用了 HV Menu引擎,如果使用其他的引擎,还可以编制一个类似XSLT来配合调用引擎的接口。最后,XML和XSLT是平台无关的标准,我们还可以在apache服务器[7]中和JSP服务器[8]中使用本文的方法。
【学习心得】
本文是学习XML及XSL技术的一个很好的实例。不过使用XML和XSL制作网页菜单仅仅是它们的一个很小的应用方面,XML和XSL的使用还有更多更加广泛的应用值得我们去学习和探讨。
本文中所制作的菜单效果虽然已经很出色,但是还是具有一定的缺点。例如菜单的位置控制、样式的扩充性,当子菜单过长时(超过浏览器纵向显示的长度)无法正确显示不可见的子菜单项等等。不过本文所使用的JS脚本给我们留出了很多扩展功能的接口函数。在长达25KB、600行的JS文件中,我们可以对菜单效果做进一步的改动。
另外,微软的网站以及MSDN的网站的导航条也运用了XML和XSL技术,我写的《仿XP风格的导航条制作教程》一文当中就是基于微软网站的导航条而写的,感兴趣的朋友可以参考一下。
日期:2005-2-17 16:18:33 来源:网上转贴 编辑:本站转 作者:未知 发送给好友
四、 XSLT
转换菜单的XML (menu.xsl) 的XSLT (menu.xsl) 为:
Menu
这里XSLT一共有三个模板。
第一个模板
第二个模板
第三个模板
五、 实例
我们用一段 javascript (test _menu.htm) 实现XSLT转换,以及显示转换后的效果。
[page]
这段程序在 IE 浏览器中创建MSXML[5]对象,然后输出结果 HTML。读者可以尝试下载本文的范例程序[8],实际体验网页菜单的效果。
鉴于Netscape浏览器不支持创建MSXML对象,我们可以在IIS服务器端转换后的返回 HTML[6]。本文介绍的网页菜单就能在Netscape浏览器中显示和运行。
六、 结论
用XML来表达菜单结构非常方便并且易于理解,当通过本文介绍的XSLT把菜单XML转换为网页菜单引擎的调用接口后,为网页制作菜单就十分容易了,只需要用普通的文本编辑器编辑XML文件。本文使用了 HV Menu引擎,如果使用其他的引擎,还可以编制一个类似XSLT来配合调用引擎的接口。最后,XML和XSLT是平台无关的标准,我们还可以在apache服务器[7]中和JSP服务器[8]中使用本文的方法。
【学习心得】
本文是学习XML及XSL技术的一个很好的实例。不过使用XML和XSL制作网页菜单仅仅是它们的一个很小的应用方面,XML和XSL的使用还有更多更加广泛的应用值得我们去学习和探讨。
本文中所制作的菜单效果虽然已经很出色,但是还是具有一定的缺点。例如菜单的位置控制、样式的扩充性,当子菜单过长时(超过浏览器纵向显示的长度)无法正确显示不可见的子菜单项等等。不过本文所使用的JS脚本给我们留出了很多扩展功能的接口函数。在长达25KB、600行的JS文件中,我们可以对菜单效果做进一步的改动。
另外,微软的网站以及MSDN的网站的导航条也运用了XML和XSL技术,我写的《仿XP风格的导航条制作教程》一文当中就是基于微软网站的导航条而写的,感兴趣的朋友可以参考一下。
用XSLT生成网页菜单(1)
日期:2005-2-17 16:18:33 来源:网上转贴 编辑:本站转 作者:未知 发送给好友
四、 XSLT
转换菜单的XML (menu.xsl) 的XSLT (menu.xsl) 为:
[page]
这段程序在 IE 浏览器中创建MSXML[5]对象,然后输出结果 HTML。读者可以尝试下载本文的范例程序[8],实际体验网页菜单的效果。
鉴于Netscape浏览器不支持创建MSXML对象,我们可以在IIS服务器端转换后的返回 HTML[6]。本文介绍的网页菜单就能在Netscape浏览器中显示和运行。
六、 结论
用XML来表达菜单结构非常方便并且易于理解,当通过本文介绍的XSLT把菜单XML转换为网页菜单引擎的调用接口后,为网页制作菜单就十分容易了,只需要用普通的文本编辑器编辑XML文件。本文使用了 HV Menu引擎,如果使用其他的引擎,还可以编制一个类似XSLT来配合调用引擎的接口。最后,XML和XSLT是平台无关的标准,我们还可以在apache服务器[7]中和JSP服务器[8]中使用本文的方法。
【学习心得】
本文是学习XML及XSL技术的一个很好的实例。不过使用XML和XSL制作网页菜单仅仅是它们的一个很小的应用方面,XML和XSL的使用还有更多更加广泛的应用值得我们去学习和探讨。
本文中所制作的菜单效果虽然已经很出色,但是还是具有一定的缺点。例如菜单的位置控制、样式的扩充性,当子菜单过长时(超过浏览器纵向显示的长度)无法正确显示不可见的子菜单项等等。不过本文所使用的JS脚本给我们留出了很多扩展功能的接口函数。在长达25KB、600行的JS文件中,我们可以对菜单效果做进一步的改动。
另外,微软的网站以及MSDN的网站的导航条也运用了XML和XSL技术,我写的《仿XP风格的导航条制作教程》一文当中就是基于微软网站的导航条而写的,感兴趣的朋友可以参考一下。
用XSLT生成网页菜单(1)_1-在线教程,电子书下载,视屏教程,中国计算机教学网
用XSLT生成网页菜单(1)_1
XML卷之实战锦囊(1):动态排序-在线教程,电子书下载,视屏教程,中国计算机教学网
XML轻松学习手册(1)XML快速入门-在线教程,电子书下载,视屏教程,中国计算机教学网
毛笔字效果-在线教程,电子书下载,视屏教程,中国计算机教学网
常用滤镜注册码-在线教程,电子书下载,视屏教程,中国计算机教学网
XML轻松学习手册(4)_XML语法-在线教程,电子书下载,视屏教程,中国计算机教学网
给 XML 初学者-在线教程,电子书下载,视屏教程,中国计算机教学网
XML卷之实战锦囊(2):动态查询-在线教程,电子书下载,视屏教程,中国计算机教学网
XML轻松学习手册(2)XML概念-在线教程,电子书下载,视屏教程,中国计算机教学网
XML轻松学习手册(3)XML的术语-在线教程,电子书下载,视屏教程,中国计算机教学网
用XSLT生成网页菜单(1)
用XSLT生成网页菜单(1)
用ASP实现论坛的UBB功能->>网页教学网(http://www.webjx.com)建站指南|网页制作|网页特效|Flash动画|网络编程|素材下载|教程下载|建站|HTML|CSS|JAVASCRIPT|ASP|PHP|JSP|ASP.NET|数据库
网页跳转代码 - 奇书网电子书,电子书下载,jar电子书,txt电子书下载,手机小说免费下...
网页设计教程下载
Dreamweaver网页制作教程:菜单概述
平面设计中常用的字库-Photoshop教程-网页教学网
Photoshop照片处理专题教程集-网页教学网
扑克魔术图文教程下载 - 免费电子书|电子书下载
PhotoShop教程下载|Photoshop视频教程|photoshop电子书
流程图的制作与应用--中国计算机教学网
Photoshop经典合成教程:水浴美女-Photoshop教程-网页教学网
Photoshop影楼调色教程:可选颜色的使用-Photoshop教程-网页教学网