上一篇：flash版gtalk >>

Dreamweaver教程：行为事件

　　行为是实现网页上交互的一种捷径，Dreamweaver MX 2004 行为将 javascript 代码放置在文档中，以允许访问者与 Web 页进行交互，从而以多种方式更改页面动作或执行某些任务。行为是事件和由该事件触发的动作的组合。

　　下面我们来学习行为的用法。现在，举个例子加以说明。看下图，光标移到图片上面。在它的右侧即显示一段其它内容（动画）。请您用鼠标测试，然后，我们来分析一下这个过程。

　　请您操作鼠标在花上移入移出
　　这是两个行为：行为一：移入+显示；行为二：移出+隐藏。
　　事件是：鼠标移入和移出。动作是：显示和隐藏。
　　具体操作如下：

　　1、在页面中插入一张图片，本例为菊花图片。

　　2、在页面中插入一个层，贴入几个动画小人。如下图：

　　在层面板中，将该层设置成为隐藏。打开页面的时候不显示。层面板状态，如下图：

　　3、单击图片，打开行为面板（「窗口」菜单＞行为）。在行为面板按“+”号，在弹出菜单中选中显示-隐藏层，如下图：

　　系统弹出显示－隐藏层对话框。单击该层，然后单击“隐藏”按钮。确定。

　　打开“行为”面板，如下图：

　　4、我们可以在面板中看到事件和行为。需进一步对事件进行设置。单击“onLoad”，在下拉菜单中选择“<A>onMouseOut”，如下图：

　　4、上述方法是鼠标移出事件行为的设置，重复以上方法再对鼠标移上事件行为进行设置，把显示－隐藏层设为（显示），如下图：

　　行为事件设置，如下图：

　　设置后的“行为”面板最终结果，如下图：

　　5、保存页面，预览网页。可以看到光标移动到菊花图片上就出现右侧的内容。

　　下面给出一些常见事件的一些解释

　　onClick 单击

　　onDbclick 双击

　　onKeypress按键

　　onMouseDown鼠标按下

　　onMouseOut鼠标移出

　　onMouseOver鼠标移上

　　onMouseUp鼠标抬起。

　　行为是一个很有用的交互手段。由于行为的门类繁多，也较复杂。

　　来源：中国学习联盟

　　Dreamweaver教程：行为事件——欢迎访问天极软件Dreamweaver教程专区