第九章 事件Behavior的使用

Behaviors也是在我们织网过程中经常会碰到的问题，臂如，我们想做这么一个效果，当鼠标移到一幅图上，就在图的边上出现一段这幅图的介绍，而当鼠标移开后，介绍文字就消失了。这个效果用Dreamweaver的Behaviors来做是很方便，也很简单。这一章，我就主要通过这个例子来讲一下Behaviors的学习。

我们先来看一下演示，把鼠标移到下面的图上看看：

OK，演示看完了，下面我就以它的制作过程来说一下Behaviors的具体使用。

1、要在你的页面上放上一幅图图片（不清楚的话，先看一下第三章），（在这儿不好意思，我把我的相片拿出来献丑了）。

2、在图片的边上放一个层（在第八章中讲到了层，可以参考一下）。

3、在层中放一个表（Table），将表的大小拉到与层的大小一样，选取表的背景色和边框颜色，在表中将你的文字说明输入。

4、选择快速（Launcher）启动条上的BEHAVIOR命令，将弹出如下图形：

5、选中你刚在页面上放的图片，然后点一下上图中的“+”,在弹出菜单中选取Show-Hide Layers，见下图：

6、此时弹出如下所示的对放框，选择Show按钮后，点OK。

7、这时BEHAVIOR的框又变成如下样子：

8、在上图中选择Events；在弹出的如下菜单中选择OnMouseOver：

9、重复（5--8）的过程，不过在第6步中选择hide后点OK，在第8步中选择OnMouseOut，而不是OnMouseOver。

10、选中先前放入的层，在如下属性工具条中的的Vis选择hidden。OK！制作完成了。

[目录][第一章][第二章][第三章][第四章][第五章][第六章][第七章][第八章][第九章]

蔷薇工作室1999.06