信息发布与网页设计-Dreamweaver-12 行为.pptVIP

信息发布与网页设计DREAMWEAVER第十二章行为曹健信息学院?信息发布与网页设计?课题组05七月2024返回2024/9/201

第12章行为12.1什么是行为 行为是WEB页上的内容对浏览者的动作作出响应，引发新的页面效果。 行为的2个根本要素： 事件Event 动作Action2024/9/202

第12章行为事件Event动作Action触发设定1个动作，再选择触发的事件。2024/9/203

12.2行为的根本操作12.2.1行为面板的操作 翻开“行为〞面板的方法，“窗口〞→“行为〞 左边两按钮功能： 显示已设置事件/显示全部事件 +按钮：添加行为 -按钮：删除行为 添加某一行为后，显示 行为左边下拉菜单中，可选择触发该动作的事件。 事件动作2024/9/204

12.2.2添加行为添加行为的方法：选定适宜的对象,如body在“窗口〞、“行为〞浮动面板中，单击“+〞，添加行为 “-〞，删除行为选择1个希望执行的动作为层添加“行为〞时，不可选择层！〔可选body〕2024/9/205

12.2.3修改行为方法：选定1个对象,通过浮动面板，可删除、调整动作的顺序等；双击此“动作〞，可编辑、修改各参数。2024/9/206

12.3DW中包含的事件onAbort: 在浏览器中断正载入的图象时产生onBlur: 在指定元素不再被浏览者交互时产生onChange: 在浏览者改变网页时产生onClick: 在指定元素上单击时产生onDblClick: 在指定元素上双击时产生onError: 在装载网页发生错误时产生onFocus: 在指定元素被浏览者交互时产生2024/9/207

12.3DW中包含的事件-续1onKeyDown: 在按下任意键瞬间onKeyPress: 在按住任意键时onKeyUp: 在松开任意键时onLoad: 在图象或网页下载完成时onMouseDown:在按下鼠标时产生onMouseMove:鼠标在指定元素上移动时2024/9/208

12.3DW中包含的事件-续2onMouseOut: 鼠标在指定元素移出时onMouseOver: 鼠标移动到指定元素上时onMouseUp: 鼠标移动到指定元素上时onMove: 鼠标在窗体或框架移动时onReset: 在表单重设为默认值时onResize: 在浏览者调整框架大小时2024/9/209

12.3DW中包含的事件-续3onScroll: 使用滚动条移动时产生onSelect: 选择文本框中文本时产生onSubmit: 浏览者提交表格时产生onUnload: 浏览者离开网页时产生2024/9/2010

12.4自带行为动作12.4.1交换图象准备2幅图片；输入提示文字，插入1幅图片；选择插入的图片，单击“行为面板〞→“+〞“交换图片〞；在对话框中设定另1图片及有关参数预先载入：无论显示否，都会先下载鼠标滑开时恢复图象：不选择不恢复单击“确定〞，为图象添加了2个行为onMouseOver:交换图象onMouseOut:恢复图象2024/9/2011

12.4自带行为动作12.4.3弹出信息选择“body〞标记单击“行为面板〞→“+〞→“弹出信息〞；在对话框中设定信息内容欢送浏览此页2024/9/2012

12.4自带行为动作12.4.4翻开浏览器窗口设定新翻开浏览器窗口的大小 选择对象 单击“行为〞面板的“+〞→“翻开浏览器窗口〞；2.设定窗口大小的参数2024/9/2013

12.4自带行为动作12.4.5拖动层在网页中插入1个层；在层中插入图片；单击状态栏上body标签;单击“行为〞面板的“+〞→“拖动层〞；在对话框中设定“拖动层〞的参数： 左、上，分别设置层顶点相对于浏览器窗口的距离； 靠近距离，表示可自动吸附的距离。2024/9/2014

12.4自带行为动作12.4.6控制Shockwave或Flash插入2个按纽〔不要表单域〕，重命名为： “播放〞、“停止〞；2.“插入〞→“媒体〞→“FLASH〞或“Shockwave〞，在属性面板中为其命名〔如A〕；3.选择“播放〞按纽，单击“行为〞面板的“+〞→“控制Shockwave或Flash〞；在对话框中选择“影片A〞，并选择“播放〞，单击“确定〞；2024/9/2015

12.4自带行为动作选择“后退〞按纽，单击“行为〞面板的“+〞→“控制Shockwave或Flash〞；在对话框中选择“影片A〞，并选择“后退〞；单击“确定〞；选择“停止〞按纽，单击“行为