资源预览内容
第1页 / 共22页
第2页 / 共22页
第3页 / 共22页
第4页 / 共22页
第5页 / 共22页
第6页 / 共22页
第7页 / 共22页
第8页 / 共22页
第9页 / 共22页
第10页 / 共22页
亲,该文档总共22页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
张永良、郑伟张永良、郑伟 著,清华大学出版社,著,清华大学出版社,2002006 6年年9 9月月版权所有,未经许可,请勿传播。网页设计与制作第10章要点n了解行为和事件n认识“行为”面板n行为的添加与编辑n主要行为的使用101 了解行为和事件n n行为行为n事件n认识“行为”面板行为n行为(Behavior)是Macromedia预置的JavaScript程 序库,由事件(event)和对应动作(actions)组成 。能实现用户与网页间的交互,通过某个动作来触发 某项计划。事件事件每个浏览器都提供一组事件,事件与动作相关联。当 访问者与网页进行交互时,浏览器生成事件,但并非 所有的事件都是交互的,例如:设置网页每10s自动 重新载入。事件列表续表认识“行为”面板在介绍行为的编辑 之前,先认识一下对行 为进行添加和控制操作 的“行为”面板。“行 为”面板位于“标签” 面板组中,如果面板组 中没有“行为”面板, 可以选择窗口 行 为菜单命令,或按【 Shift+F3】键来打开“ 行为”面板,如图所示 。认识“行为”面板n“行为”面板中各按钮的功能如下:n :单击该按钮只显示已设置的事件列表。n :单击该按钮将显示所有事件列表。n :单击该按钮会弹出一个下拉列表。n : 单击该按钮将删除在“行为”面板中选中的行为。n : 单击该按钮将向上移动所选择的动作。若该按钮为灰色, 则表示不能移动。n : 单击该按钮将向下移动所选择的动作。若该按钮为灰色, 则表示不能移动。102 使用“行为”面板 n1)添加行为n2)修改行为n3)删除行为n4)获取更多的行为添加行为n添加行为的具体操作如下: (1)选中要添加行为的对象,若要将行为添加到整个 页面,则单击页面左下角的标签,如下图所示 。(2)单击“行为”面板上的 按钮,弹出“行为”菜 单,然后选择需要添加的行为命令。如果该选项显示 为灰色显示,说明当前所选中的对象不支持此行为。添加行为n(3)选择了支持的行 为后,将打开相应的对 话框,对于不同的行为 ,打开的对话框不同。 实例“calljavascipt”(4)“事件”列表中显示 的是默认的事件,若事 件不是所需要的事件, 则可以单击该事件,“ 事件”列表则变为“事 件”下拉列表框,单击 右下方的按钮,从弹出 的下拉列表框中重新选 择需要的事件即可。修改行为n(1)选中要修改行为的对象。n(2)在“行为”面板的“动作”列表中双击要修改 的行为动作,或将其选中并按【Enter】键,也可以 单击鼠标右键,在弹出的快捷菜单中选择“编辑行为 ”命令,在打开的对话框中进行修改,然后单击 按钮即可。 (3)如果要修改行为的顺序,选中要调整顺序的行为, 单击 和 按钮进行上下移动即可。删除行为n(1)选中要删除的行为。n(2)单击 按钮,或在行为上单击鼠标右键,在弹 出的快捷菜单中选择“删除行为”命令,或直接按【 Delete】键即可。获取更多的行为n 在“行为”下拉列表中选择“获取更多的行为”选项,则 会打开Macromedia公司官方网站提供的下载行为的 网页。若要安装获取的行为,具体操作如下。(3)选择下载的行为,单击 按钮即可完成。(1)选择命令 扩展管理菜单命令,打 开“Macromedia扩展管理 器”窗口,如图所示。(2)在“Macromedia 扩展管理器”窗口中,选 择文件 安装扩展 菜单命令。打开“选取要 安装的扩展”对话框。图13-7103 应用行为 n 设置导航栏图像 n 调用JavaScriptn 改变属性n 弹出信息 n 设置文本 n 拖动层n 打开浏览器窗口n 显示隐藏层n 交换图像n 显示弹出式菜单 n 检查浏览器n 预先载入图像n 检查插件n 控制Flash影片n 播放声音n 转到URLn 跳转菜单104 主要行为的使用实例n【实例1】:“壁纸小筑“添加”弹出信息“和”弹出式菜 单“行为。 n【实例2】:利用“打开浏览器窗口“行为,创建一个 在原页面的缩略图上单击即可弹出该图放大后的图像 。 填空题(1)行为(Behavior)是Macromedia预置的 JavaScript程序库,行为由 和 组成。(2)如果面板组中没有“行为”面板,可以选 择 菜单命令,或按 键 来打开“行为”面板。(3)“设置文本”包含了 、 、 4种 行为。动作事件窗口行为 【Shift+F3】设置文本域文字 设置框架文本设置层文本 设置状态栏文本问答题(1)事件与动作有何关系?(2)哪个行为能创建拼图游戏?哪个行为可以创建导航 栏图像?事件与动作相关联。 【拖动层】上机操作题利用“打开浏览器窗口”行为,创建一个 在原页面的缩略图上 单击即可弹出该图放 大后的图像,效果如 图所示。
收藏 下载该资源
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号