Dreamweaver4神童教程之十二

Dreamweaver4神童教程——行为
摘自赛迪网（小雷）

一．行为（Behavior）基础：

　　前面在制作一对多关系的翻滚图时，我们用到了行为（Behavior），那么， Dreamweaver 中的行为倒底是些什么东西？

　　实际上，Dreamweaver 中的行为，只但是是一系列 JavaScript 程式的集成，他包括两部分的内容，一个部分是事件，另一个部分是动作，动作是特定的 JavaScript 程式，只要在事件发生（如鼠标点击，或页面装载）后，该程式（动作）就会自动运行。

Window/Behaviors 命令能够打开行为面板，如图一：

图一

　　点击左上角的 " " 号，弹出一个长长的菜单，里面全是一些"特效动作"，任何当前不可用的选项都是灰色的，只有在设定一定条件下那些灰色的动作才能使用。如图二：

图二

对这些"动作"的解释如下：

Call JavaScript：调用 Javascript 脚本。 Dreamweaver 虽然内集了丰富的可供调用的 Javascript ，但假如您觉得不满意的话，能够调用自己制作的 Javascript 或第三方研发的 Javascript ，而这时就需要使用本选项。

Change Property：改变属性，如发生某个事件后，自动改变文本或图片信息，等等。

Check Browser：检查浏览器。同一个网页，在不同的浏览器上的显示可能大为不同，假如您要让自己的网页适合于大多数浏览器的话，能够分别针对不同的浏览器将任何的网页制作成几个不同的类别，然后再调用 Check Browser ，根据访问者浏览器的不同，进入相应的网页，从而让您的网页在每种浏览器上都是完美无缺的。

Check Plugin：检查插件。插件？比如您做了个 Flash 动画并放到自己的网页上，当访问者的浏览器有 Flash 播放插件，则能够播放动画，假如没有，这时假如您的网页具备 Check Plugin 功能，则可按您的解决方案对访问者进行提醒，如"您应该安装 Flash 播放器，下载地址......"。

Control Shockwave or Flash：控制 Flash 影像。为什么要控制 Flash 影像？其实，并不是每个 Flash 动画都是随网页打开就开始播放了，更多的是在网页上做一些按钮之类的带交互作用的图标，能够点击他开始播放动画，也能够通过拖拉进度条前进或后退，等等，而这，就需要 Control Shockwave or Flash 功能的支持。

Set Text/Set Text of Status Message：在状态栏显示信息。一般情况是，当鼠标放到某幅图像上会自动弹出信息提示；或当鼠标指向某个链接会在该处自动显示链接信息，而状态栏中始终只有一个网页图标。要充分利用网页的有效空间，避免信息混杂现象，能够把那些事件信息通过壮态栏进行显示，这就需要在网页中进行 Set Text of Status Message 的配置。

Drag Layer：拖曳图层，主要用来制作随鼠标移动而发生位移的网页特效。

Go to URL：跳转页面。在输入栏中输入网址，然后回车，就能够到想去的网站。但在整个过程中，全是手工操作，而 Go to URL 却不同，只要您到了某个网页，不用您再动手，他自己就会把您带到另外的指定的网址去。最常见的例子是那些网址发生变化的网站，他们常常在旧网址的首页上注明网址已变，然后通过配置旧网页的 Go to URL 自动将访问者带到新的地址去。

Open Browser Window：打开浏览器。

Popup Message：弹出信息提示框。最常见的例子是访问者进入某个页面，该页面就会自动弹出一个消息框，显示先设定好的文本，如"欢迎访问本站"等等。

Preload Images：预取图片，主要功能在于保持效果的连续性，避免事件发生时的读取延迟。

Show/Hide Layers：显示/隐藏图层，很通用的网页特效，如当鼠标移到某个对象上时，原来隐藏的图层显示出来，从而显示出该图层中的对象；当鼠标离开原对象，显示和图层再次隐藏。

Swap Image：翻滚图，用他不但能够建立一对一的翻滚图，还能够建立一对多等更为复杂的"替换"特效。

Timeline中，Play Timeline/Stop Timeline/Go to Timeline Frame：主要是对等时线控制。等时线犹如一个动画过程集合，在不同的时间能够播放不同的动画，关于他的周详介绍我们将在下一节中讲解。本节中，您只需知道 Behavior 能够控制复杂的等时线并产生很智能化的特效就行了。

Validage Form：表单验证。表单中假如有诸如密码式，字符数目等的限制，就能够应用表单验证功能。

二．行为示例：

　　上面我们就大部分常用的动态技术进行了解释，现在来看一看如何将这些特效变成实实在在的东西。由于内容太多，我们只是选择了几个比较简单的例子，以便于大家能够很容易地进行掌控。

1.在状态态显示信息：

从上面我们知道，Set Text/Set Text of Status Message 能够控制状态栏的显示信息，现在我们来看如何制作。

<1>.最终效果如图三（详见 16.htm ）：

图三

图三中，当将鼠标移到"请看状态栏"这几个字上的时候，状态栏中会显示"请看状态栏"字样，当鼠标移开时状态栏中的信息消失，本例显示了带链接的内容在状态栏显示信息的方法；当将鼠标移动到图像上时，状态栏中会显示"这是索尼网站的一个图片"字样，当鼠标移开，状态栏中信息消失，本例显示了普通内容如图片在状态栏中显示信息的办法。

<2>.制作步骤：

先在编辑区域输入"请看状态栏"字样，并随便为他加上个链接信息。如图四：

图四

　　全选几个字，用 Window/Behaviors 命令打开行为窗口。点击左上角的 " "号，然后在弹出的窗口中选择 Set Text/Set Text of Status Bar 命令，如图五：

标签：

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