网页的动态效果,要往网页页面里插入JavaScript小程序。Dremweaver能自动生成一些JavaScript代码来实现动态效果,使不会JavaScript的人也能制作出动态的网页。 利用Dreamweaver的Behavior,能做出很有用的页面效果。
要使用Behavior,先点击菜单栏的WINDOW\Behavior,或直接用快捷键F8,即弹出Behavior面板。
(Behavior面板) Behavior由两部分组成——Events和Actions。
Events是事件,每个页面元素所能发生的事件不尽相同。例如页面本身能发生onLoad和onUnload事件,onLoad即该页面被打开的事件,onUnload即页面被关闭的事件。而超级链接能发生onMouseOver事件,即被鼠标移动到其上的事件。
Action是动作。动作只有当某个事件发生时,才被执行。例如可设置当鼠标鼠标移动到某超级链接上时,执行一个动作使浏览器状态栏出现文字。
Behavior面板上,Events For后的下拉选框里可选择所针对的不同的浏览器类型。因为不同的浏览器,其事件的标准并不完全一致。建议在这里选4.0 and Later Browsers,即4.0版本及以上的浏览器。因英文版的Dreamweaver和中文版的Windows冲突,有时这个选框无法用鼠标选择,这时应该应键盘上的方向键选择。
要添加Behavior,执行某一动作,先要考虑需使用哪一个页面元素的哪一个事件。考虑完毕后,在Dreamweaver主窗口中选择这个页面元素,点击Behavior面板上的 + 按钮,弹出一个选框供你选择一个动作。 对话框上,有些选项无法选择,这是因为这些选项所需一些页面元素,而这些页面元素在当前页面上并不存在。 这时选择好所需的动作,然后进行必要的设置。
设置完毕后,面板上即多出一项Behavior。 点击此项的事件部分后面的箭头按钮,即可从弹出的几个选项中选择一个事件。根据开始在主窗口中选择的页面元素,此时会给出相应的事件选项。假如开始选择的是页面本身,则此时会给出两个事件——onLoad和onUnload。 点击此项的动作部分,可弹出相应的对话框,供修改你已设置的动作参数。 在面板中点击已设置完的一项Behavior,在点击面板上向上或向下的箭头按钮,可改变此项Behavior在所有各项中的排列顺序。
下面是一个使用Behavior的实例。 这一个例子要达到这样的效果,当访问者鼠标移到某超级链接上时,浏览器状态栏出现对这个超级链接的解释。
这要用到Set Text of Status动作和超级链接的onMouseOver事件,即鼠标移动到超级链接上面的事件。
在Dreamweaver主窗口中,用鼠标选中这个超级链接。
点击菜单栏的Window\Behavior,或使用快捷键F8,打开Behavior面板。
点击面板上的 + 按钮,在弹出的选单中点击Set Text\Set Text of Status,弹出如图的Set Text of Status对话框。
(Set Text of Status对话框)
在Message后填入你需要将来在浏览器状态栏出现的解释文字。然后点击 OK按钮即可。
在Events下面是调用这个动作的事件。在这里我们选择onMouseOver事件。
至此,设置完毕,达到了例子的要求。