DW3行为体验

　　Dreamweaver（以下简称DW）提供了一种称为“Behavior”（行为）的机制，帮助您构建页面中的交互行为。行为，就是在网页中进行一系列动作，通过这些动作实现用户和页面的交互。利用DW的行为，您无需书写一行代码，就能够实现丰富的动态页面效果，达到用户和页面的交互。

　　一个行为是由事件和动作组成的。事件是动作被触发的结果，而动作是用于完成特别任务的预先编好的JavaScript代码，诸如打开一个浏览器窗口，播放声音等。

　　当对一个页面元素使用行为时，您能够指定动作和所触发的事件。在DW中已提供了一些确定的动作，您能够把他们应用在页面元素中。

　　一、内置的一些基本行为

　　1．调用JavaScript（Call JavaScript） 　　这个行为允许您配置当某些事件被触发时，调用相应的JavaScript脚本，以实现相应的动作。在这个行为配置时，您能够直接输入JavaScript脚本或函数。

　　2．改变属性（Change Property） 　　这个行为允许您动态地改变对象属性，比如图像的大小、层的背景色等等。需要注意的是，这个行为的配置取决于浏览器的支持。

　　3．检查浏览器（Check Brower） 　　不同浏览器的支持能力有一定的差异，利用这个行为，我们能够检查浏览器的版本，以跳转到不同的页面。

　　4．检查插件（Check Plugin） 　　有时候我们制作的页面需要某些插件的支持，比如使用Flash制作的网页，所以有必要对用户浏览器的插件进行检查，看看他是否安装了指定的插件。这个行为就能够实现这一点。

　　5．控制Shockwave或Flash（Control Shockwave or Flash） 　　Shockwave和Flash是现在网页制作经常插入的对象，这个行为就是用于控制这些对象的。用他能够控制动画的播放、停止、返回，还能够控制直接跳转到第几帧。

　　6．移动分层（Drag Layer） 　　“移动分层”行为能够实现在页面上分层的移动，甚至是分层内容的移动。

　　7．跳转到URL（Go To URL） 　　您能够定制当前浏览器窗口或指定的框架窗口载入指定的页面。

　　8．跳转表单（Jump Menu） 　　“跳转表单”行为主要是用于编辑跳转表单。

　　9．弹出信息对话框（Popup Message） 　　假如您要在页面上显示一个信息对话框，或给用户一个提示信息，就能够使用这个行为了。

　　二、简单实例

　　下面我们就以动态图片为例，介绍一下行为的使用。首先您要制作两张大小相同的图片1和图片2。下面是具体步骤。

　　1．打开DW创建一个页面，在这个页面中插入图1。

　　2．在DW编辑窗口选择好图1。

　　3．在菜单“windows”中选择“Behaviors”或是按F8来打开Behavior面板。注意，在Events For的弹出式菜单中，“3.0 and Later Browsers”应该被选择。

　　4．按“＋”号按钮添加一个新的行为——“Swap Image”（变换图片），这时会弹出“Swap Image”的对话框。在图片列表中，您将看见在页面中的任何图片的列表，选中您要变换的图片1，这是原始图片，当鼠标指针移到他上面时，他将会被一张高亮显示的图片2所替代。

　　5．单击Browse按钮，选择好您要替换的，通过“onMouseOver”事件，选择的图片2代替了原图片1。

　　6．选择默认配置进行图片的预调用和存储。

　　“Preload Images”选项表示在整个页面下载时，把进行变换的图片放进浏览器的缓存里，当浏览者第一次把鼠标指针移到Our Story图片上时，他几乎感觉不到高亮图片的出现有什么延迟。“Restore Images onMouseOut”选项表示当“onMouseOut”（鼠标移开）事件发生时，自动地将图片恢复原状。 　　7．配置完成后点击“OK”按钮关闭“Swap Image“对话框，应用刚才的配置。

　　这时Behavior面板包含了您刚才为图片所配置的事件和动作。“OnMouseOver”事件旁有一个“Swap Image”动作的标记，在他上面更有“onMouseOut”事件连同相应的“Swap Image Restore”的动作（该behavior是当您在Swap Image对话框中接受缺省的选项而被定义的）。

　　8．关闭Behavior面板。按F12预览页面。当您把鼠标指针分别移到图片1上，您会发现已被图片2所替代。

　　以上的例子只是DW的Behavior的一个简单应用实例。用途更有很多，这里就不作一一说明了。此外，DW还允许用户使用扩展的行为，在Macromedia公司的主页能够下载。　

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有