《网页设计与制作第9章.ppt》由会员分享，可在线阅读，更多相关《网页设计与制作第9章.ppt（27页珍藏版）》请在金锄头文库上搜索。
1、行为和图层的应用行为和图层的应用第第9章章本章要点：行为概述Dreamweaver8常用行为的应用行为的综合应用图层和行为的综合应用9.19.1行为概述行为概述行为概述行为概述教学进程教学进程教学进程教学进程浏览网页时经常会看到变化的图像、滚动的新闻、弹出的浏览网页时经常会看到变化的图像、滚动的新闻、弹出的公告等，这些动态效果一直被很多网友钟爱，这也成为网公告等，这些动态效果一直被很多网友钟爱，这也成为网站具有生命力的原因之一。我们利用站具有生命力的原因之一。我们利用Dreamweaver的层、的层、时间轴以及行为扩展功能，完全可以非常容易地实现这些时间轴以及行为扩展功能，完全可以非常容易地实
2、现这些动态效果，这也正是动态效果，这也正是Dreamweaver的精华所在。本章我们的精华所在。本章我们深入学习深入学习reamweaver中图层和行为的使用方法。中图层和行为的使用方法。9.1.19.1.1添加行为添加行为添加行为添加行为教学进程教学进程教学进程教学进程9.1.29.1.2常用动作简介常用动作简介常用动作简介常用动作简介教学进程教学进程教学进程教学进程9.1.29.1.2常用动作简介常用动作简介常用动作简介常用动作简介教学进程教学进程教学进程教学进程9.1.39.1.3常用的事件常用的事件常用的事件常用的事件教学进程教学进程教学进程教学进程概念概念概念概念事件决定了为某一页面
3、元素所定义的动作在什么事件决定了为某一页面元素所定义的动作在什么时候被执行，即在何时触发一个动作。需要注意时候被执行，即在何时触发一个动作。需要注意的是不同版本的浏览器所支持的事件类型也不相的是不同版本的浏览器所支持的事件类型也不相同。同。9.1.39.1.3常用的事件常用的事件常用的事件常用的事件教学进程教学进程教学进程教学进程有关窗口的事件有关窗口的事件有关窗口的事件有关窗口的事件onAbort：在浏览器中停止加载网页文档操作时发：在浏览器中停止加载网页文档操作时发生的事件。生的事件。onMove：移动窗口或者框架窗口时发生的事件。：移动窗口或者框架窗口时发生的事件。onLoad：选定的对
4、象出现在浏览器中时发生的事：选定的对象出现在浏览器中时发生的事件。件。onResize：访问者改变窗口或者框架窗口的大小时：访问者改变窗口或者框架窗口的大小时发生的事件。发生的事件。onUnload：访问者退出网页文档时发生的事件。：访问者退出网页文档时发生的事件。9.1.39.1.3常用的事件常用的事件常用的事件常用的事件教学进程教学进程教学进程教学进程有关鼠标和键盘的事件有关鼠标和键盘的事件有关鼠标和键盘的事件有关鼠标和键盘的事件onClick：用鼠标单击选定元素的一瞬间发生的事：用鼠标单击选定元素的一瞬间发生的事件件。onBlur：鼠标指针移动到窗口或者框架窗口外部，：鼠标指针移动到窗口
5、或者框架窗口外部，即在这种非激活状态下发生的事件即在这种非激活状态下发生的事件。onDragDrop：拖动并放置选定元素的一瞬间发生：拖动并放置选定元素的一瞬间发生的事件的事件。onDragStart：拖动选定元素的一瞬间发生的事件：拖动选定元素的一瞬间发生的事件onFocus：鼠标指针移动到窗口或者框架窗口上，：鼠标指针移动到窗口或者框架窗口上，即在激活以后发生的事件即在激活以后发生的事件。9.1.39.1.3常用的事件常用的事件常用的事件常用的事件教学进程教学进程教学进程教学进程有关鼠标和键盘的事件有关鼠标和键盘的事件有关鼠标和键盘的事件有关鼠标和键盘的事件onMouseOver：鼠标位于
6、选定元素上方时发生的：鼠标位于选定元素上方时发生的事件事件。onMouseUp：按下鼠标再放开左键时发生的事件：按下鼠标再放开左键时发生的事件。onMouseOut：鼠标移开选定元素时发生的事件：鼠标移开选定元素时发生的事件。onMouseDown：按下鼠标时（不放开左键）发生：按下鼠标时（不放开左键）发生的事件的事件。onMouseMove：鼠标指针经过选定元素上方时发：鼠标指针经过选定元素上方时发生的事件生的事件。9.1.39.1.3常用的事件常用的事件常用的事件常用的事件教学进程教学进程教学进程教学进程有关鼠标和键盘的事件有关鼠标和键盘的事件有关鼠标和键盘的事件有关鼠标和键盘的事件。on
7、Scroll：当浏览者拖动滚动条时发生的事件：当浏览者拖动滚动条时发生的事件。onKeyDown：在键盘上按住特定键时发生的事：在键盘上按住特定键时发生的事件。也就是按下特定键还没有松手时发生的事件。也就是按下特定键还没有松手时发生的事件件。onKeyPress：在键盘上按特定键时发生的事件。：在键盘上按特定键时发生的事件。也就是按下特定键并马上松手时发生的事件也就是按下特定键并马上松手时发生的事件。onKeyUp：在键盘上按下特定键时发生的事件。：在键盘上按下特定键时发生的事件。也就是按下特定键，当松手时发生的事件也就是按下特定键，当松手时发生的事件。9.1.39.1.3常用的事件常用的事件
8、常用的事件常用的事件教学进程教学进程教学进程教学进程其他事件其他事件其他事件其他事件onError：在加载文档过程中，发生错误时发生的事件：在加载文档过程中，发生错误时发生的事件。onFilterChange：运用于选定元素的字段变化时发生的事：运用于选定元素的字段变化时发生的事件件。OnfinishMarquee：用：用Marquee功能来显示的内容结束时功能来显示的内容结束时发生的事件发生的事件。OnstartMarquee：开始应用：开始应用Marquee功能时发生的事件功能时发生的事件。9.1.39.1.3常用的事件常用的事件常用的事件常用的事件教学进程教学进程教学进程教学进程有关表单
9、的事件有关表单的事件有关表单的事件有关表单的事件onAfterUpdate：更新表单文档的内容时发生的事件：更新表单文档的内容时发生的事件。onBeforeUpdate：改变表单文档的项目时发生的事件：改变表单文档的项目时发生的事件。onChange：访问者修改表单文档的初始值时发生的事件：访问者修改表单文档的初始值时发生的事件。onReset：将表单文档重新设置为初始值时发生的事件：将表单文档重新设置为初始值时发生的事件。onSubmit：访问者传送表单文档时发生的事件：访问者传送表单文档时发生的事件。onSelect：访问者选定文本字段中的内容时发生的事件：访问者选定文本字段中的内容时发生
10、的事件。9.29.2行为的基本应用行为的基本应用行为的基本应用行为的基本应用教学进程教学进程教学进程教学进程 9.2.1“9.2.1“弹出信息弹出信息弹出信息弹出信息” ”行为行为行为行为教学进程教学进程教学进程教学进程9.2.29.2.2 “打开浏览器窗口打开浏览器窗口”行为行为1制作通告页的网页制作通告页的网页教学进程教学进程教学进程教学进程技巧技巧：在【打开浏览器窗口】对话框中，【属性】选项后有若干复选项在【打开浏览器窗口】对话框中，【属性】选项后有若干复选项，这些复选项控制着显示或者隐藏导航工具栏、菜单栏、地址工具这些复选项控制着显示或者隐藏导航工具栏、菜单栏、地址工具栏、滚动条、状态
11、栏等浏览器的构成元素。另外，在【窗口名称栏、滚动条、状态栏等浏览器的构成元素。另外，在【窗口名称】中可输入弹出窗口的名称，这样可根据情况用中可输入弹出窗口的名称，这样可根据情况用JavaScript进行进行控制控制。9.2.29.2.2 “打开浏览器窗口打开浏览器窗口”行为行为2添加添加“打开浏览器窗口打开浏览器窗口”行为行为1.制作三个网页文档制作三个网页文档教学进程教学进程教学进程教学进程9.2.3“检查浏览器检查浏览器”行为行为2.添加添加“检查浏览器检查浏览器”行为行为1.制作三个网页文档制作三个网页文档教学进程教学进程教学进程教学进程9.2.3“检查浏览器检查浏览器”行为行为2.添加
12、添加“检查浏览器检查浏览器”行为行为教学进程教学进程教学进程教学进程9.2.4“设置状态栏文本设置状态栏文本”行为行为添加行为添加行为添加行为添加行为教学进程教学进程教学进程教学进程9.2.4“设置状态栏文本设置状态栏文本”行为行为设置行为设置行为设置行为设置行为教学进程教学进程教学进程教学进程9.3利用行为创建菜单利用行为创建菜单9.3.1创建创建下拉菜单下拉菜单（1）打开页面文档）打开页面文档（2）添加菜单项）添加菜单项（3）设置菜单外观）设置菜单外观（4）设置边框）设置边框（3）设置位置）设置位置教学进程教学进程教学进程教学进程9.3利用行为创建菜单利用行为创建菜单9.3.2创建跳转菜单
13、创建跳转菜单（1）打开实例页面）打开实例页面（2）创建跳转菜单）创建跳转菜单（3）编辑行为）编辑行为（4）添加按扭）添加按扭教学进程教学进程教学进程教学进程9.4行为和层的综合实例行为和层的综合实例9.4.1制作滚动字幕效果制作滚动字幕效果（1）创建层）创建层（2）将层拖动到时间轴）将层拖动到时间轴（3）添加关键帧）添加关键帧（4）设置时间轴参数）设置时间轴参数教学进程教学进程教学进程教学进程9.4行为和层的综合实例行为和层的综合实例9.4.2制作具有预览功能的图库页面制作具有预览功能的图库页面（1）制作图库页面）制作图库页面（2）添加行为）添加行为（3）完善实例）完善实例教学进程教学进程教学
14、进程教学进程9.4行为和层的综合实例行为和层的综合实例9.4.3制制作虚拟在线试衣室作虚拟在线试衣室（1）建立层并插入图片）建立层并插入图片（2）将层添加到时间轴）将层添加到时间轴（3）创建时间轴动画）创建时间轴动画（4）创建时间轴行为）创建时间轴行为（5）创建其他层动画）创建其他层动画教学进程教学进程教学进程教学进程9.4行为和层的综合实例行为和层的综合实例9.4.4制制作滑动导航菜单作滑动导航菜单（1）布局层）布局层（2）定义时间轴效果）定义时间轴效果（3）定义行为）定义行为教学进程教学进程教学进程教学进程9.59.5习题与上机操作习题与上机操作习题与上机操作习题与上机操作上机操作题上机操作题上机操作题上机操作题（1）利用）利用“打开浏览器窗口打开浏览器窗口”行为，制作网页加载时弹出小窗口的行为，制作网页加载时弹出小窗口的效果。效果。教学进程教学进程教学进程教学进程9.59.5习题与上机操作习题与上机操作习题与上机操作习题与上机操作上机操作题上机操作题上机操作题上机操作题（2）打开前面制作好的网页或者重新设计一个网页，然后利用）打开前面制作好的网页或者重新设计一个网页，然后利用“设设置状态栏文本置状态栏文本”行为，制作在状态栏显示文字的效果。行为，制作在状态栏显示文字的效果。
