Artile_Title
六、动态交互篇
坚实的基础打好后，更多的朋友希望能创造出充满变化和吸引力的页面效果，希望通过动态的响应浏览者的访问行为，来改变Web页面静止不变的现状。但网上各种动态页面效果都是需要一些编程知识才能实现的，很多朋友因此为之望而却步。其实利用Dreamweaver提供的一些工具和面板，我们可以方便的实现许多常见的动态交互式效果。例如：弹出窗口、显示和隐藏层、改变状态条文字、播放多媒体文件甚至制作出动态飘动的图层等等，更复杂的还包括常见的下拉菜单效果，以及拖拽层的效果等复杂的动态网页。根据动态效果的不同种类，我们可以用行为、时间线、层和扩展插件来达到我们的目的。
一、交互行为(Behavior) 。交互行为是指Web页面上的元素可以对浏览者的一些动作做出反应，并进而引发进一步的页面效果。在Dreamweaver中我们可以在行为面板通过简单的点击，并设定响应的参数来添加常见的一些交互行为。
（一） 组成行为的基本要素：事件（Event）和动作（Action）。事件是一个动作的触发器，在网络上既可以是用户触发的，如鼠标的滑过、点击等，也可以是自动完成的，如一个页面的载入或关闭。动作则是一系列复杂的变化，可以是在状态条显示一条信息，或是复杂的翻转效果，打开新窗口等等。而所有的行为都是依附在某个特定的元素上，例如一个文本链接、一个图像或一个层等等。至于页面上每个元素可以使用什么事件，已经不需要我们来考虑，Dreamweaver已经将每个对象可能的事件都包含在了行为面板。
（二） 添加行为的基本步骤。
1、 选取一个特定的元素。例如一个文字链接或一个图片等等，最常见的是一个链接。行为将被加到此特定的元素上。
2、 选择你希望兼容的浏览器版本。因为不同的浏览器支持的事件不相同，如果你希望更多的人能看到你做的效果，你必须选择较低的浏览器选项。点击行为面板左上角的”+”号，打开行为选项，选定Show
Event For，通常我们选择IE4.0以上版本的浏览器。
3、 选择一个希望执行的动作。例如打开一个浏览器窗口、交换图片，隐藏一个层，或是在状态栏显示一段文字。
4、 为上述的动作设定具体的参数。虽然Dreamweaver自带的动作看起来有限，但通过设定不同的参数我们可以做出很复杂的效果。
5、 添加行为结束。当我们选择了一个动作后，Dreamweaver会自动添加一个相应的缺省事件。在本例中Dreamweaver将触发此动作的事件设定为onClick，即当浏览者点击此链接时，自动触发我们上面添加的弹出一个浏览器窗口这一动作。我们可以打开行为检查器来观察。从此图中我们可以看到相应的已添加事件和已添加的动作列表，点击小三角还可以改变触发此动作的事件，双击动作名称还可以修改添加的动作参数。
（三） 行为面板默认行为简介。
Call JavaScript：呼叫一段JavaScript；
Change Property：改变Html标签的CSS样式；
Check Browser：根据不同的浏览器，进入不同的页面；
Check Plugin：检查浏览器是否装有必要的插件；
Control Shockwave or Flash：控制Shockwave或Flash动画的播放；
Drag Layer：使浏览者可拖动层中的元素；
Go To URL：链接到指定的网址；
Jump Menu、Jump Menu Go：跳页式的菜单及Go按钮；
Open Browser Window：打开新浏览窗口；
Play Sound：播放声音；
Popup Message：弹出警告窗口；
Preload Images：提前读入图片；
Set Nav Bar Image：设定导航栏的图片；
Set Text：在特定的地方显示文字；
Show Hide Layer：显示或隐藏层；
Swap Image、Swap Image Restore：变换图片和恢复原来的图片；
Timeline：控制时间线的播放；
Validate Form：验证表单的正确性；
Get More Behaviors：下载更多的行为事件。