网页制作技术第15章.ppt

第15章 应用行为和JavaScript制作特效 本章学习目标 理解行为和事件的概念， 掌握行为面板的使用 掌握行为的应用方法。 了解JavaScript的特点 掌握浮动层的制作方法 15.1在Dreamweaver中添加行为 15.2.1 弹出信息 【实例15.1】在首页打开的同时，弹出了一个提示消息“欢迎光临本站点，请多多指教！”。实际上这是一个Javascript的警告信息。 步骤见书 15.2.2 设置状态栏文本 【实例15.2】在首页打开的同时，状态栏显示“欢迎来到武汉软件职业学院计算机应用系~~~~~~~”，如图15-6所示。 步骤见书 15.2.3 打开浏览器窗口 【实例15.3】在打开网站首页面的同时，弹出了一个小型的浏览器窗口，在窗口中显示另外一个页面的内容，如图15-10所示。 步骤见书 15.2.4 交换图像 （1）选择【插入】|【图像】命令命令或在“插入”栏的“常用”选项卡中单击“图像” 按钮插入一个图像。 （2）在其属性面板的“图像名称”文本框中为该图像输入一个名称，如图15-16所示。 （3）选中该图像，打开“行为”面板。单击按钮，从弹出的“行为”菜单中选择【交换图像】命令，打开“交换图像”对话框，如图15-17所示。 图15-16 为图像命名 图15-17 “交换图像”对话框设置 （4）从“图像”列表中选择要更改其源的图像，单击“浏览”选择新图像文件，或在“设定原始档为”文本框中输入新图像的路径和文件名。选择“载入图像”复选框，在载入页时将新图像载入到浏览器的缓存中，防止图像下载而导致的延迟。最后单击“确定”按钮。 14.2 样式的创建与应用 14.2.1 样式的创建 14.2.2 类样式 【实例14.1】自定义文字样式“.text1”，如图14-4所示。 步骤见书 15.2.5 控制Shockwave或Flash 【实例15.4】“控制Shockwave或Flash”动作 步骤见书 15.2.6 播放声音 首先选择一个对象，如：在页面左下角标签选择器中选择body标签，单击动作面板按钮，从弹出的“行为”菜单中选择【播放声音】命令，打开“播放声音”对话框，单击“浏览”按钮选择一个声音文件，或在“播放声音”文本框中输入路径和文件名，如图 15-22所示，最后单击“确定”按钮。 15.2.7 检查表单 【实例15.5】打开前面10.7制作的“用户注册表”页面，对其进行表单内容的检查，如图 15-23所示。 步骤见书 15.2.8 显示弹出式菜单 【实例15.6】为首页主菜单“专业设置”添加弹出式菜单 步骤见书 15.3制作JavaScript特效 JavaScript介绍 脚本编写语言 基于对象的语言 简单性 安全性 动态性 跨平台性 【例15.7】一个JavaScript小程序。通过它可说明JavaScript的脚本是怎样被嵌入到HTML文档中的。 程序见书 15.3.2利用JavaScript制作动态效果 【例15.8】一个获取浏览器版本号的程序。该程序首先显示一个波浪式提示信息，然后显示浏览器的版本号及有关信息。 程序见书 【例15.9】一个跑马灯效果的JavaScript文档 程序见书 15.4综合制作实例——制作浮动广告 *