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