第八讲 DW中的行为.ppt

第八讲 DW中的行为 * 《网页开发工具》第八讲 行为 8.1 行为 行为能够为网页添加许多功能，比如弹出消息框、显示或隐藏一个层等等。 一个行为是由一个事件所触发的动作组成的，因此行为的基本元素有两个：一个是事件，一个是动作。 例如当访问者把鼠标移动到一个链接上时，这个链接就产生了一个鼠标经过事件（onmousemove)，如果为这个事件添加了动作，则动作被执行。 [窗口]|[行为]打开行为面板，+用于添加行为，—删除事件和行为，上下按纽可以移动所选的动作，一个特定事件的动作将按照指定的顺序执行。 《网页开发工具》第八讲 行为 8.1.1 行为的添加 表单事件:onChange 页面事件：,onLoad,onUnload,onabort，onafterupdate，onsubmit 鼠标事件：onclick,ondbclick,onerror,onfocus,onhelp,onmousedown,onmousemove,onmouseout,onmouseup,onmouseover,onmove,onscroll,....... 键盘事件onkeydown,onkeyup。 《网页开发工具》第八讲 行为 8.1.2 常见事件 1、 播放声音：选择动作后在对话框播放声音处输入声音文件的路径和文件名。 2、打开浏览器窗口：打开一个新的浏览器窗口，在其中显示所指定的网页文档。 《网页开发工具》第八讲 行为 8.1.2 常见动作 3、弹出信息：显示一个指定的提示信息框。选择onmousemove事件和弹出信息动作，在对话框中输入要显示的信息即可。 4、改变属性：在属性面板中给对象取好名字，打开改变属性对话框；在对话框中先选择对象类型，再选择对象的属性，再在新的值对话框中输入新的值。 《网页开发工具》第八讲 行为 5、设置导航条属性：用插入导航条工具按纽插入导航条后不能再打开修改，此时可以用“设置导航条图象”行为来重新设置。（选中导航条，在行为面板中双击事件下方的名称） 6、交换图像：可以将一个图像替换为另一个图像。 7、恢复交换图像：将替换的图像恢复为原始的图像文件，在制作交换图像时将“鼠标滑开时恢复图像”选项勾选就相当于添加了“恢复交换图像”动作。 《网页开发工具》第八讲 行为 8、检查插件：检查访问者的计算机中是否安装了特定的插件，从而决定将访问者带到不同的网页。 9、检查浏览器：根据访问者使用的浏览器版本的不同，来决定访问不同的网页，以提高网页的兼容性。 10、检查表单：检查特定文本框内容，确认用户是否键入了正确的数据类型。将这个动作附加到单独的文本框，可以使用ｏｎＢｌｕｒ事件，来检查用户填入的表单域，或者用ｏｎｓｕｂｍｉｔ，在用户单击发送按钮时来检查多个文本框。 《网页开发工具》第八讲 行为 １１ 、转到ＵＲＬ：可以在当前窗口或指定框架内打开一个新的页面。 １２ 、控制ＦＬＡＳＨ或ＳＨＯＣＫＷＡＶＥ：可以控制ＦＬＡＳＨ的播放＼停止等。 １３ 、显示——隐藏层：改变一个或多个层的可见性，利用这个动作可以制作处许多特殊效果。运用这个动作时，首先要制作隐藏的层，再对层的可见性进行设置。 《网页开发工具》第八讲 行为 实例一、音乐点播（播放音乐行为使用） 步骤： 1、建立网页，插入四个层，在每个层内插入一幅图象，再在每幅图象上建立一个热点。 2、为每个热点添加行为，选中热点，在行为面板中选择播放声音行为（事件为click)，在弹出的对话框中选择要播放的声音文件。 3、预览时，将鼠标移到热点上方，单击时将播放音乐。 《网页开发工具》第八讲 行为 实例二、图片放大 1、建立站点和文件夹。 2、在文档中插入一个图象，将该图象缩小。 3、在小图象上方插入一个层，在层中再次插入该图象但不缩小。 4、打开层面板，将层隐藏。 5、选中小图象，打开行为面板，添加两个“显示-隐藏层”行为，分别将事件和动作选为onmousemove\显示、onmouseout\隐藏。 6、预览观看效果。 《网页开发工具》第八讲 行为 实例三、制作带有提示效果的页面 1、建立站点和文件夹。 2、插入层1，在其中插入要显示的图象。 3、插入层2，在其中输入要显示的说明性文字。 4、将层2设为隐藏。 5、选中层1，添加两个“显示-隐藏层”行为，分别为onmouseclick\显示，onmouseout\隐藏。 《网页开发工具》第八讲 行为 *