论文部分内容阅读
摘要:网页中前台的动态效果通常用JavaScript脚本语言编程实现,该文基于树形菜单的制作,探讨用JavaScript脚本语言实现树形菜单的具体过程,通过对普通菜单和树形菜单的比较,突显树形菜单的优点。进而提出如何设计树形菜单,并分析其具体实现过程,展示其效果图。最后提出此方法的通用性和可发展性。
关键词:javascript;树形菜单;铺展;隐藏
中图分类号:TP301文献标识码:A文章编号:1009-3044(2009)24-7044-02
Design and Realization of a Kind of Dynamic Tree Menu
ZHANG Qiong-yao,YANG Meng,ZHAO Jing-jing,YANG Xin
(Comptuer Science and Technology, Huazhong Normal University, Wuhan 430079, China)
Abstract: The dynaimic effects in webpage are often realized by a kind of language called javascript,This paper talks about how to design and realize a kind of dynamic tree menu.Compared with common menu,it has so many advantages.After the realization of tree menu,the paper illustrate how to realize it and show the effects of this kind of tree menu.
Key words: javascript; tree menu; spreading; hide
在浏览网页时,会时常看到这样一些效果:新闻图片不断翻新变化,文字闪光并随着鼠标移动,状态栏的文字内容不断移动等。这些动态效果都极大地丰富了网页的动态效果。其中JavaScript是实现这些网页动态效果的主要脚本语言之一。它是一种基于对象和事件驱动的脚本语言,其良好的跨平台性和安全性使之成为一种功能非常强大的脚本设计语言而广泛应用于动态网页的制作中[1]。除此之外,JavaScript脚本语言还能实现如下功能[2]:网页特效:网页上的文字效果,图片滚动,公告栏;提供表单客户端验证 JavaScript在客户端填写的表单发到服务器端前,做有效性测试,提高执行效率;动态响应事件如onload,onMouseOut,onMouseOver,onClick,针对用户为用户的动作设计动态反应等。
基于对JavaScript脚本语言的学习,本文探讨了如何在网页中嵌入JavaScript脚本语言来实现树形菜单,分析设计树形菜单中的关键技术,提出此技术在树形菜单制作中的通用性和可发展性。
1 树形菜单的提出与设计
在普通的菜单中,常常会出现这样的矛盾:一个目录在内容或逻辑上可以包含若干其他目录,但普通菜单却只能实现内容上的链接,不能实现这些目录的归类,使之隶属于总目录,以显示出这些目录间的关联。为了解决此矛盾,这里提出树形菜单的设计与实现中的关键技术,其设计流程图如图1所示。
1.1 设计父目录与子目录间关联及其关键技术分析
设计一个网页的树形菜单,首先要根据具体网的站内容,设置父目录和子目录的标题以及各子目录内容要链接到的具体网址。首先创建一个父目录的数组来存放父目录的内容以及点击父目录时代表其操作的标记,关键技术如下:
var menuitem=new Array()
{
menuitem[1]=KB9Child; //第一级父目录
menuitem[2]=KB1Child ;//第二级父目录
menuitem[3]=KB2Child ;//第三级父目录
}
接下来要设计父目录和子目录之间的联系,根据以上数组中各父目录的标记,如:代表第一级父目录,来设置第一级父目录的内容。通过点击各子目录,跳转至相应的链接网页。关键技术如下:
关键词:javascript;树形菜单;铺展;隐藏
中图分类号:TP301文献标识码:A文章编号:1009-3044(2009)24-7044-02
Design and Realization of a Kind of Dynamic Tree Menu
ZHANG Qiong-yao,YANG Meng,ZHAO Jing-jing,YANG Xin
(Comptuer Science and Technology, Huazhong Normal University, Wuhan 430079, China)
Abstract: The dynaimic effects in webpage are often realized by a kind of language called javascript,This paper talks about how to design and realize a kind of dynamic tree menu.Compared with common menu,it has so many advantages.After the realization of tree menu,the paper illustrate how to realize it and show the effects of this kind of tree menu.
Key words: javascript; tree menu; spreading; hide
在浏览网页时,会时常看到这样一些效果:新闻图片不断翻新变化,文字闪光并随着鼠标移动,状态栏的文字内容不断移动等。这些动态效果都极大地丰富了网页的动态效果。其中JavaScript是实现这些网页动态效果的主要脚本语言之一。它是一种基于对象和事件驱动的脚本语言,其良好的跨平台性和安全性使之成为一种功能非常强大的脚本设计语言而广泛应用于动态网页的制作中[1]。除此之外,JavaScript脚本语言还能实现如下功能[2]:网页特效:网页上的文字效果,图片滚动,公告栏;提供表单客户端验证 JavaScript在客户端填写的表单发到服务器端前,做有效性测试,提高执行效率;动态响应事件如onload,onMouseOut,onMouseOver,onClick,针对用户为用户的动作设计动态反应等。
基于对JavaScript脚本语言的学习,本文探讨了如何在网页中嵌入JavaScript脚本语言来实现树形菜单,分析设计树形菜单中的关键技术,提出此技术在树形菜单制作中的通用性和可发展性。
1 树形菜单的提出与设计
在普通的菜单中,常常会出现这样的矛盾:一个目录在内容或逻辑上可以包含若干其他目录,但普通菜单却只能实现内容上的链接,不能实现这些目录的归类,使之隶属于总目录,以显示出这些目录间的关联。为了解决此矛盾,这里提出树形菜单的设计与实现中的关键技术,其设计流程图如图1所示。
1.1 设计父目录与子目录间关联及其关键技术分析
设计一个网页的树形菜单,首先要根据具体网的站内容,设置父目录和子目录的标题以及各子目录内容要链接到的具体网址。首先创建一个父目录的数组来存放父目录的内容以及点击父目录时代表其操作的标记,关键技术如下:
var menuitem=new Array()
{
menuitem[1]=KB9Child; //第一级父目录
menuitem[2]=KB1Child ;//第二级父目录
menuitem[3]=KB2Child ;//第三级父目录
}
接下来要设计父目录和子目录之间的联系,根据以上数组中各父目录的标记,如:
其他文献
奥巴马访华过后,再在网上打出奥巴马的名字,总会并列出现“黑衣美女”四个字。为何奥巴马会和黑衣美女扯上关系,这位因奥巴马而火爆网络的黑衣美女又是谁?地球人谁不想知道?
科学家们通过大量的试验研带制出了对付导致儿童严重腹泻的轮状病毒的新型疫苗,试验显示两种新型疫苗可以大大降低轮状病毒的发病率。研究人员希望这种疫苗能够在婴儿中广泛使
摘要:FPGA动态重构系统通常划分为静态模块和可重构模块,他们之间的通信必须要通过一个固定通路,以使得静态模块和在运行的可重构模块不受正在重构的可重构模块的影响。本文介绍了基于Xilinx器件的可重构系统开发中所使用的用于可重构模块与其他模块通信的称为总线宏的结构,并研究了总线宏的实现方式以及它的控制。 关键词:动态重构;总线宏;三态缓冲器;Shce;FPGA编辑器;Xilinx设计语言 中图
一首歌为什么会流行?一本书为什么会畅销?一部电影为什么会红极一时?哥伦比亚大学社会学家赛格尼克(M.J.Salganik)及其同事在近期的《科学》[1][2]上发表了一篇研究报告,揭示了其中的
对电子企业评分时,“绿色和平”国际将两大标准:“进行‘清洁生产’、停止使用有毒物质”、以及“回收并在安全及符合环保原则的标准下处理自身的废旧电子产品”,进一步细化为九
科学家的不端行为的原因不外是内外两大条。其“内”者.认为是科学家的道德水准和科学精神水平出了问题;其“外”者,则是认为制度上的不完善是不端行为得以出现、忽视、免于制裁
新经济形态的崛起,尤其是以电子商务为核心的网络经济的发展带个人们严肃的的思考,这一个怎样的经济形态,我们该如何来解释,是归属于卢卡斯为代表新古典宏观经济学派?还是哈耶克为
目前的计算机网络技术和网上的相关资源,将网络软硬件资源转化成为课堂教学资源,应用于教学的组织实施,优化教学过程,改进教学方式。培养学生研究性学习,探讨网络环境下研究
桑代克是学习理论的奠基人之一,他通过对动物的研究,形成了一整套比较系统的学习理沦。本文简单介绍了桑代克学习理论,并着重描述了其三条基本学习定律在软件工程教学中的应