Dreamweaver行为入门简介
作者:梦觉
实例一:弹出提示信息
一、 效果:当我们进入一些网站时,会自动弹出一个欢迎窗口或提示框。如图二所示。
(图二:欢迎窗口效果)
二、 制作过程:
1、 打开您的页面,可以是一个已有的页面也可以是一个新页面,我们的这个行为将加载到页面本身,即页面装入时启动这个动作。打开行为面板,此时我们虽然没有选择任何元素,其实我们是处在<Body>元素处,可以从行为面板看到当前作用的元素,如图一。
(图一:当前作用元素)
2、 选择希望兼容的浏览器,这里我们选择4.0 and Later Browsers,如图三所示。
(图三:选择兼容浏览器)
3、 在行为对话框中点击“+”号,添加行为。如图四。
(图四:添加行为)
4、 选择“Popup Message”,即弹出信息动作。如图五所示。
(图五:选择弹出信息动作)
5、 设定动作的具体参数。弹出信息的动作只有一个内容需要填写,即提示信息。我们添入相应的提示信息,如图六所示。
(图六:添入提示信息)
6、 添加行为结束。当我们选择了一个动作后,Dreamweaver会自动添加一个相应的缺省事件。在本里中Dreamweaver将触发此动作的事件设定为页面载入时,即当浏览着浏览此页面时,自动触发我们上面添加的弹出提示信息这一动作。我们可以打开行为检查器来观察。
(图七:行为检查器)
从此图中我们可以看到相应的默认事件和已添加的动作列表,点击小三角还可以改变触发此动作的事件,双击动作名称还可以修改添加的动作参数。
7、 通过改变触发动作的默认事件,我们还可以将这个实例改为当浏览者离开此页面时,弹出一个提示框。我们只需简单的点击改变事件的下拉三角形,从中选择“onUnload”,即当页面关闭时,弹出提示窗口。如图八所示。
(图八:页面关闭时事件)
