六

六、 Behavior ——快速实现编程效果 (3)

作 者 : 阿文

例三：即时说明。

　　这个例子将会实现如下情况，当我们把鼠标放到一幅图片或链接上面时，鼠标点到之处，会出现对其的文字解释。鼠标一旦移开该图像或链接，其解释也就消失了。

1 、首先要建立两个层。第一层中加载我们刚才在例二中用过的第一幅 Dreamweaver 图片，并且定义该层名为 teach ；另一层中输入文字“单击此处，进入 Dreamweaver 教程”，并定义其名为 explain 。层的建立如图所示。

2 、首先在加载该页面时， explain 这一层不应显示。选择 teach 层，在 Behavior 对话框中选择“ Show-hide Layers ”，如图所示，设置 Layer "explain" 为 Hide ，按 OK 键确定。

　　 3 、在 Events 列表中选择 onLoad 。 4 、进行与步骤 2 一模一样的操作，隐藏 explain 层。

　　 5 、在 Events 列表中选择 onMouseOut ，即当鼠标滑出 teach 层的范围时， explain 层隐藏不可见。

　　 6 、再一次选择“ Show-hide Layers ”，设置 Layer "explain" 为 Show ，按 OK 键确定。

　　 7 、在 Events 列表中选择 onMouseOver 。

　　 8 、按 F12 预览该页面，把鼠标多次移进、移出 teach 层的范围，观其效果。 例子就介绍到这里了， Behavior 中预置的其他十几个 Actions 都是很有实用性的，比如检测浏览器自动进入某页面，控制声音，等等。对此感兴趣的不妨可以一一进行试验。

　　除了 Dreamweaver 2.0 版本预置的这些 Actions 以外，还可以到网上去搜索更多更好的第三方产品。例如 Dreamweaver 的权威网站 （ http://www.dreamweaver.com/ ）就提供了更多的第三方开发程序。在本教程结束之前，将会综合介绍一些网上有关 Dreamweaver 的 Behavior 、 Object 等第三方开发产品资源的网址和信息。