第二十一节 Behavior

网页的动态效果，要往网页页面里插入JavaScript小程序。Dremweaver能自动生成一些JavaScript代码来实现动态效果，使不会JavaScript的人也能制作出动态的网页。 利用Dreamweaver的Behavior，能做出很有用的页面效果。

要使用Behavior，先点击菜单栏的WINDOW\Behavior，或直接用快捷键F8，即弹出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对话框。 在Message后填入你需要将来在浏览器状态栏出现的解释文字。然后点击 OK按钮即可。
在Events下面是调用这个动作的事件。在这里我们选择onMouseOver事件。
至此，设置完毕，达到了例子的要求。




 如果您对本文有任何疑问或者建议，请到讨论区发表您的意见: >> 论坛入口 <<

上一篇：第二十节 插入动感元素   下一篇：第十八节 CSS样式

【文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论】