网页设计与制作案例教程课件陈承欢第27单元.pptVIP

（9）在弹出的“停止时间轴”对话框中，从“停止时间轴”下拉列表框中选择要停止的时间轴或者选择“停止所有时间轴”，这里选择“Timeline1”。 （10）单击【确定】按钮关闭对话框。然后在“行为”面板中选择鼠标事件“onMouseOver”。 （11）继续选中层中的图像，单击“行为”面板中的加号“+”按钮，并从动作弹出式菜单中单击【时间轴】→【播放时间轴】。 （12）在弹出的“播放时间轴”对话框中，从“播放时间轴”下拉列表框中选择要播放的时间轴或者选择“播放所有时间轴”，这里选择“Timeline1”。 （13）单击【确定】按钮关闭对话框。然后在“行为”面板中选择鼠标事件“onMouseOut”。至此，鼠标控制时间轴播入或停止的效果就完成了。 （14）保存网页文档，然后浏览该网页，观察其效果 14.4　使用插件制作特效 插件的安装步骤如下： 1．单击菜单【开始】→【程序】→【Macromedia】→【Macromedia Extension Manager】，打开“Macromedia扩展管理器”窗口。 14.4.1　插件的安装和管理 * * 尚辅网 / 第14章　制作网页特效 在网页中添加一些恰当的特效，使页面具有一定的交互性、动态效果，能吸引浏览者的眼球，提高页面的观赏性、趣味性。本章通过几个典型的实例学习制作网页特效的方法。 课程引导 知识技能目标 （1）学会利用CSS制作特效的操作方法。 （2）学会使用行为制作特效的操作方法。 （3）学会使用时间轴制作特效的操作方法。 （4）学会使用插件制作特效的操作方法。 网页浏览效果展示 包含多种网页特效的网页15.html浏览效果如图所示。 图14-1 包含多种网页特效的网页浏览效果 本章操作任务 （1）在站点“长沙世界之窗”下创建文件夹“15特效制作”，在该文件夹中创建一个命名为“15.html”的网页 （2）在网页15.html中实现以下特效： 滚动图像 动感文字 状态栏中文字从右往左滚动 漂浮图片 网页标题不停地滚动 14.1 使用脚本制作特效 14.2 使用行为制作特效 14.3 使用时间轴制作特效 14.4 使用插件制作特效 14.1　使用脚本制作特效 创建命名为15..html的网页，在该网页中实现滚动图像的特效。 在HTML文档中，可以使用marquee标记实现滚动文字、滚动图片、滚动表格的效果。 14.1.1　利用HTML标记制作特效 在网页15.html中创建动感文字的特效，具体操作过程如下： （1）打开网页“15.html”，在第二行中输入文字“神秘谷欢迎你”。 14.1.2　利用CSS制作特效 （2）在Dreamweaver 8主窗口中，单击菜单【文本】→【CSS样式】→【新建】，弹出“新建CSS规则”对话框，在“选择器类型”中选择“类”单选按钮，在“名称”下拉列表框中输入“.text1”，在“定义在”区域选择“仅对该文档”。 （3）单击【确定】按钮，弹出“.text1的CSS规则定义”对话框，选择“分类”中的“类型”选项，“字体”设置为“华文新魏”，“大小”设置为“50”，“颜色”设置为“#FF9900”。 （4）单击“应用”按钮，再在“分类”中选择“扩展”选项，“过滤”设置为“Glow(Color=red, Strength=8)”。 （5）单击【确定】按钮关闭对话框。在文档中选中表格第二行的文字“神秘谷欢迎你”，然后在属性面板中“样式”下拉列表框中选择新建的“text1”样式。 （6）将文字设置成从左往右滚动的效果。 （7）保存网页文档，浏览该网页，观察其效果。 在网页15.html中编写JavaScript脚本，使状态栏中的文字从右往左滚动。具体操作过程如下： （1）在HTML文档中HEAD部分编写代码： （2）在body添加如下代码：body onload=Helpor_net(100); （3）保存网页文档，浏览该网页，观察其效果。 14.1.3　利用JavaScript制作特效 14.2　使用行为制作特效 应用Dreamweaver 8的行为实现以下特效： 1．检查浏览器的类型及版本。 2．页面载入时播入音乐。 3．页面载出（用户离于页面）时弹出信息窗口。 实现过程如下： （1）打开网页“15.html”。 （2）打开行为面板，在Dreamweaver 8主窗口中，单击菜单【窗口】→【行为】，打开“行为”面板。 （1）在嵌套表格最后一行输入文字“检查浏览器”，选择“检查浏览器”，设置其链接为“#”