Dreamweaver 4 简明教程(八、为网页增添互动效果2)
<STRONG>八、为网页增添互动效果<BR><BR></STRONG> <B>制作更复杂的互动效果</B><BR><BR> 在Dreamweaver中，更复杂的效果是通过一个叫Behaviors的功能实现的，Behaviors的从字面上理解是“行为”，我们又称为事件的响应。通过网页元素的变化，如鼠标的移动、点击等“事件” (Events)，触发弹出窗口，关闭页面等“响应”（Actions），就是一个事件的响应。而值得高兴的是，“行为”的制作过程几乎是傻瓜式的。<BR><BR><BR> 按Shift F3，打开行为面板，如下图：<BR><BR><P align=center><IMG src="/bbs/attachments/websoft/20081206/2008127133457077801.gif" align=center></P><BR><BR> 在网页加入行为，需要以下三个步骤：<BR><BR> 1、选取产生行为的元素，例如图片、带链接的文字、层等。如果需要在页面一载入就开始出现效果，可以选择状态栏上的标签<BR> 2、按 <IMG src="/bbs/attachments/websoft/20081206/20081271334576277802.gif"> 按钮选择一种响应（不同的元素，对应的响应也有所不同），并在随后的对话框中设置此响应的属性；以下是可以供选择的响应说明：<BR><BR><P align=center><IMG src="/bbs/attachments/websoft/20081206/200812713345710977803.gif" align=center></P><BR><BR> <FONT color=red>Call JavaScript：</FONT>呼叫一段JavaScript；<BR><BR> <FONT color=red>Change Property：</FONT>改变Html标签的CSS样式；<BR><BR> <FONT color=red>Check Browser：</FONT>根据不同的浏览器，进入不同的页面；<BR><BR> <FONT color=red>Check Plugin：</FONT>检查浏览器是否装有必要的插件；<BR><BR> <FONT color=red>Control Shockwave or Flash：</FONT>控制Shockwave或Flash动画的播放；<BR><BR> <FONT color=red>Drag Layer：</FONT>使浏览者可拖动层中的元素；<BR><BR> <FONT color=red>Go To URL：</FONT>链接到指定的网址；<BR><BR> <FONT color=red>Jump Menu、Jump Menu Go：</FONT>跳页式的菜单及Go按钮；<BR><BR> <FONT color=red>Open Browser Window：</FONT>打开新浏览窗口；<BR><BR> <FONT color=red>Play Sound：</FONT>播放声音；<BR><BR> <FONT color=red>Popup Message：</FONT>弹出警告窗口；<BR><BR> <FONT color=red>Preload Images：</FONT>提前读入图片；<BR><BR> <FONT color=red>Set Nav Bar Image：</FONT>设定导航栏的图片；<BR><BR> <FONT color=red>Set Text：</FONT>在特定的地方显示文字；<BR><BR> <FONT color=red>Show Hide Layer：</FONT>显示或隐藏层；<BR><BR> <FONT color=red>Swap Image、Swap Image Restore：</FONT>变换图片和恢复原来的图片；<BR><BR> <FONT color=red>Timeline：</FONT>控制时间线的播放；<BR><BR> <FONT color=red>Validate Form：</FONT>验证表单的正确性；<BR><BR> <FONT color=red>Get More Behaviors：</FONT>下载更多的行为事件。<BR><BR><BR> 3、 选择事件（Events），决定在什么情况下触发响应。常见的的事件有：<BR><BR> <FONT color=red>onMouseOver：</FONT>鼠标移到目标上；<BR><BR> <FONT color=red>onMouseUp：</FONT>按下鼠标再放开左键时；<BR><BR> <FONT color=red>onMouseOut：</FONT>鼠标移开时；<BR><BR> <FONT color=red>onMouseDown：</FONT>按下鼠标时（不需要放开左键）；<BR><BR> <FONT color=red>onClink：</FONT>点击时；<BR><BR> <FONT color=red>onDblClick：</FONT>双击时；<BR><BR> <FONT color=red>onLoad：</FONT>载入网页时；<BR><BR> <FONT color=red>onUnload：</FONT>离开页面时；<BR><BR> <FONT color=red>onResize：</FONT>当浏览者改变浏览窗口的大小时；<BR><BR> <FONT color=red>onScroll：</FONT>当浏览者拖动滚动条的时。
页:
[1]