Dreamweaver教程：行为事件

• 关 键 词：
• dreamweaver
• javascript

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

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

• 菜鸟学用DreamWeaver做ASP
• Dreamweaver动态网页实例：验证用
• Dreamweaver制作网页幻灯片效果
• Dreamweaver教程：页面制作
• 用Dreamweaver打造在线音乐网站
• photoshop切片结合dreamweaver拼接
• 用Dreamweaver实现网站购物车功能
• 下拉菜单全攻略之Dreamweaver篇
• Dreamweaver轻松打造Flash像册
• Dreamweaver制作产品展示动态网页

请您操作鼠标在花上移入移出

这是两个行为：行为一：移入+显示；行为二：移出+隐藏。

事件是：鼠标移入和移出。动作是：显示和隐藏。

具体操作如下：

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

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

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

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

【深 度 阅 读】 相 关 文 章

• 如何在Dreamweaver中进行数据库连接
• Dreamweaver制作网页之图片应用技巧
• Dreamweaver+ASP.net开发动态广告管理
• Dreamweaver教程：表格设计