1、(4)当不同的行为动作被相同的事件触发时,需要用户指定各动作发生的次序,此时可使用行为面板中的“增加事件值”按钮“”和“降低事件值”按钮“”来调整行为顺序。(5)不同的浏览器版本对应不同的可以使用的行为项目以及该项目中可以触发的事件数目,浏览器版本越高,可以使用的功能就越多,但是兼容性也越差。因此,在设计网页行为时,既要考虑行为实现的可行性,也要考虑不同浏览者之间可能存在的上网条件差异,选择的浏览器版本不应过低,也不宜过高。从图2所示的“动作”菜单中进入“显示事件”子菜单可进行浏览器版本的选择,如图4所示。图4 设置浏览器版本2认识常见行为动作图2的“动作”菜单列出了Dreamweaver中预
2、置的一些常见行为动作,但有部分项目处于不可用状态,这可能是因为“显示事件”中的浏览器版本过低,也可能是因为当前页面上没有这些动作所对应的元素,如页面中没有“层”元素,则“拖动层”和“显示隐藏层”这两个动作不可用。下面我们来认识几个常见的行为动作。(1)交换图像与恢复交换图像“交换图像”动作通过更改IMG(图像)标签的SRC(来源)属性将一幅图像变换为另一幅图像,而“恢复交换图像”动作则将变换的图像还原为其初始图像。这两个动作组合可以创建按钮鼠标经过图像和其它图像效果,使用“插入”-“图像对象”-“鼠标经过图像”菜单命令会自动将“交换图像”和“恢复图像交换”行为添加到页面中。(2)弹出信息使用“
3、弹出消息”动作可以设置一个带有指定消息的JavaScript警告框。因为 JavaScript 警告框只有一个“确定”按钮,所以使用此动作仅仅能提供信息而不能使用户做出选择。(3)打开浏览器窗口使用“打开浏览器窗口”动作可以在一个新窗口中打开 URL,并指定新窗口的属性,包括窗口大小、是否可调整大小、是否具有菜单栏及名称等。例如,可以使用此行为在访问者单击缩略图时在一个单独的窗口中打开一个较大的图像。(4)拖动层“拖动层”动作允许拖动页面中的“层”元素,可以指定拖动层的方向。若层在某个固定大小的目标中,还可以设置是否将层与目标对齐,当层受目标影响时如何处理等。(5)控制Shockwave或者F
4、lash使用“控制 Shockwave或Flash”动作可以通过事件控制Shockwave或Flash电影的播放、停止、倒带等。(6)播放声音使用“播放声音”动作可以播放声音。例如,可在每次鼠标指针滑过某个链接时播放一段声音效果,或在页面载入时播放音乐剪辑。(7)改变属性使用“改变属性”动作可以更改对象的某个属性值,例如样式、颜色、大小、层的背景颜色或表单的动作等。可以更改的属性是由浏览器决定的,在 IE4中可以通过此行为更改的属性比 IE3或NS3或4多得多。(8)时间轴使用“时间轴”动作可以控制页面中时间轴的播放,此动作功能类似于“控制 Shockwave或Flash”动作。(9)显示隐藏
5、层“显示隐藏层”动作可以显示、隐藏或恢复一个或多个层的默认可见性。此动作用于在用户与页进行交互时显示信息,例如,当用户将鼠标指针滑过一个植物的图像时,可以显示一个层给出有关该植物的生长季节和地区、需要多少阳光、可以长到多大等详细信息。(10)检查插件使用“检查插件”动作可以判断访问者是否安装了指定插件,并决定是否转到其它页面。例如,若用户已经安装有Shockwave插件,可转到需要Shockwave的页面,否则转到其它页面。(11)检查浏览器使用“检查浏览器”动作可根据访问者使用的浏览器品牌和版本转到不同的页。例如,可将使用Netscape Navigator 4.0或更高版本浏览器的访问者转
6、到一页,而将使用Internet Explorer 4.0或更高版本的访问者转到另一页,并让使用任何其它类型浏览器的访问者继续保持当前页面。将此行为附加到页面的body标签中是非常有用的,它保证了兼容任何浏览器,这样,即使访问者关闭JavaScript功能来到该页面时,仍然可以查看到一些内容。(12)调用JavaScript“调用 JavaScript”动作允许用户使用“行为”面板指定当发生某个事件时应该执行的自定义函数或 JavaScript 代码行。设计者可以自己编写JavaScript 或使用 Web 上多个免费的 JavaScript 库中提供的代码。(13)转到URL使用“转到URL
7、”动作可以在当前窗口或指定的框架中打开一个新页,此动作尤其适用于通过一次单击更改两个或多个框架的内容。(14)预先载入图像“预先载入图像”动作将在浏览器缓存中载入不会立即出现在页面上的图像,这样可防止图像变换时导致的延迟。当然,除了Dreamweaver在行为面板中提供的一些基本行为动作以外,用户也可以在Internet上下载其它行为作为扩展行为使用,若用户对JavaScript比较熟悉,还可以自己编写行为动作。3认识常见行为事件下表列出了行为设置的常用事件及简要说明。事件应用对象说明onAbort图像、页面等载入操作中断时onAfterUpdate对象更新之后onBeforeUpdate对象
8、更新之前onBlur按钮、链接、文本框等从当前对象移开焦点时onClick所有元素单击对象时onDblClick双击对象时onError载入图片出错时onFocus当前对象得到焦点时onHelp图像等调用帮助时onLoad完成载入图片或网页时onMouseDown链接图像、文字等在对象区域按下鼠标键时onMouseUp在对象区域释放按下的鼠标键时onMouseOver鼠标指针指向对象区域时onMouseOut鼠标指针离开对象区域时onMouseMove鼠标指针在对象区域内移动时onReadyStateChange对象状态改变时onKeyDown键盘任意键处于按下状态时onKeyPress键盘任
9、意键按下时onKeyUp键盘任意键释放时onSubmit表单等提交表单时onReset重设表单时onSelect文字段落或选择框等在文字段落或选择框选定某项时onUnload主页面等离开页面时onResize主窗口等改变浏览器窗口大小时OnScroll主窗口、多行文本框等拖动浏览器窗口滚动条时行为面板中的“事件”菜单(如图3所示)只有在选定了某个动作之后才会出现,它显示了当前对象支持的所有可以触发动作的事件,若所需事件没有出现,则很可能是因为没有选中正确的对象。实例1 图像交换1实例说明页面初始状态显示汽车标志,鼠标经过某标志时显示对应汽车图片,点击鼠标在新窗口出现汽车大图。实例2 图片注释图
10、片的注释内容在页面加载时隐藏(仅显示汽车图片),当鼠标经过图片时显示,移开鼠标后消失。实例3 动态图片打开网页时,自动弹出“欢迎光临本站!”信息框,点击数字“1”、“2”、“3”时在相同位置显示不同图片。实例4 Flash影片通过行为控制页面中Flash影片的播放和停止,并在网页打开时播放音乐。实例5 网页时钟网页上显示当前日期、时间并按秒更新,点击“关闭窗口”按钮可关闭当前页面。脚本:function initArray() var today=new Date(); var Year=today.getYear() var Month=today.getMonth()+1 var Day=
11、today.getDate() var Hours=today.getHours() var Minutes=today.getMinutes() var Seconds=today.getSeconds() if(Month10) Month=0+Month if(Day10) Day=+Day if(Hours Hours=+Hours if(Minutes Minutes=+Minutes if(Seconds实 训 题1制作一个网页文件,打开网页时自动播放音乐,关闭网页时弹出信息“感谢您光临本站!”。2应用“层”和行为,为网页中的某菜单制作一个下拉菜单,要求鼠标移到菜单上方时出现下拉菜单,移开时下拉菜单消失。3到Internet上下载几段JavaScript脚本语言,应用到自己的网页中。
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1