用XSLT生成网页菜单(1)_1
来源:百度文库 编辑:神马文学网 时间:2024/04/29 22:37:31
用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风格的导航条制作教程》一文当中就是基于微软网站的导航条而写的,感兴趣的朋友可以参考一下。
_xyz
日期: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风格的导航条制作教程》一文当中就是基于微软网站的导航条而写的,感兴趣的朋友可以参考一下。
_xyz
用XSLT生成网页菜单(1)_1
用XSLT生成网页菜单(1)
用XSLT生成网页菜单(1)
用XSLT生成网页菜单(1)_1-在线教程,电子书下载,视屏教程,中国计算机教学网
用Popup对象构建网页右键菜单
菜单特效 - 网页特效代码
xslt有什么用--canonical_cqh
网页菜单工厂(WebMenuShop) V2.50 建立JavaScript网页菜单
目前非常流行的导航菜单 - 菜单特效 - 网页特效代码
美观实用的标签切换菜单 - 菜单特效 - 网页特效代码
目前非常流行的导航菜单 - 菜单特效 - 网页特效代码
滑出式隐藏菜单样式 - 菜单特效 - 网页特效代码
Dreamweaver网页制作教程:菜单概述
用libtemplate实现静态网页生成-IT技术库 Kujs.COM
(转)股市实战绝技(1--19)_1
XSLT初步
VB 用API创建动态菜单示例2(含子菜单且能响应事件)
VB 用API创建动态菜单示例(含子菜单且能响应事件)zxczxc
把网页底色变成浅绿色以及菜单右键底色
网页特效代码经典实用的触发型导航菜单
机关食堂菜单被围观 官方急删网页
机关食堂菜单被围观 官方急删网页 []
打造简洁的CSS菜单-菜单导航-网页特效-网站特效-特效代码-JS特效-javascrip...
国外网站扒下来的二级动态导航菜单特效 - 菜单特效 - 网页特效代码