[实验二] 素材放置在lab2文件夹下，图片默认文件夹为\images

方法一 显示/隐藏层

1． 打开lab2文件夹下页面文件index.htm

2． 绘制5个层，分别插入相应的漫画，调整层的位置为表格中间，设置层属性为隐藏。

3． 选择对应文字，设置空链接

4． 为每个链接添加“显示/隐藏层”行为，要求当前漫画显示，其它层隐藏，事件为onMouseOver

方法二 设置层文本

1.         打开second文件夹下页面文件index.htm

2.         绘制1个层

3.         选择“漫画”文本，设置空链接

4.         每个链接添加“设置层文本”行为，在新HTML中输入5个漫画的链接<img src=”filename and path”>，事件为onMouseOver

思考：想想看，应该如何写路径？

实验二作品提交：将index.htm更名为学号姓名.htm后上传

[实验三]

用显示-隐藏层行为实现动态显示下拉菜单 （素材在pop_menu文件夹下）

1.       打开index.htm

2.       在“技巧”单元格位置上插入层，命名为layer1，在layer1中插入7行1列边框为0的表格，设置层背景颜色为#0066cc，在单元格中分别输入“网页”“网站”“编程”“制作”“下载”“上传”“链接”，调整层的大小到适当位置。

3.       分别设置“网页”“网站”“编程”“制作”“下载”“上传”“链接”的空链接（选中文字，在链接栏中输入#）

4.       同理完成其它下拉菜单的层

5.       选择“技巧”单元格，添加onMouseOver事件的“显示层”(layer1)隐藏其它层的行为。

6.       选择无下拉菜单的单元格，添加当onMouseOver事件发生时隐藏所有层的行为。

7.       保存并测试网页

思考：如果没有步骤3会有什么结果？注意要选择单元格而不是单元格内的文字

作品提交：将index.htm更名为学号姓名.htm后上传

实验四 拖动层 素材drag_layer

1． 打开index.htm

2． 插入层，在层中设置插入点，插入图像，调整层到适合大小

3． 添加“拖动层”行为，设置移动为“限制”，设置移动范围，拖拽范围为整个层。修改事件为“onMouseDown”

4． 保存并测试网页

作品提交：将index.htm更名为学号姓名.htm后上传

实验五 显示-隐藏层（素材hide_layer）

1． 打开页面文件index.htm

2．在页面添加层layer1，插入4*1表格，输入联系信息

3．选择图片，添加显示层行为，事件为onMouseOver（鼠标经过）；添加隐藏层行为，事件为onMouseOut（鼠标离开）

作品提交：将index.htm更名为学号姓名.htm后上传