实验1简单的AJAX程序

实验一简单的Ajax程序

实验目的：

? 理解Ajax基本工作结构

? 掌握XML文件、XSLT文件、CSS文件分别实现哪些页面效果

实验内容：

1. 将例子程序修改为包含多个子菜单的页面。菜单的结构如下图所示：

当鼠标滑到某个地区时，子菜单显示该地区的酒店信息。

a) 修改XML文件，按照上图结构设置文件内容。

b) 修改CSS文件，为三个弹出菜单设定样式（注意top属性的值与一级菜单对齐）

c) 修改XSLT文件，将三个城市的名称用表格制作成一级菜单(menublock)。 d) 为每个城市独立制作一个Div，将Div的样式设定为对应的弹出菜单。菜单的内容从XML文件中读出。注意每个城市的根节点位置。

2. 将上述结构设计成一个横向的菜单。

a) 修改XSLT文件，将一级菜单变为横向。

b) 修改CSS文件，修改每个二级菜单div显示的位置。