第16章利用行为轻易实现网页特效重点.ppt

教学内容：行为可以说是Dreamweaver CC中最有特色的功能，它可以让用户不用编写一行JavaScript代码即可实现多种动态页面效果。Dreamweaver CC中自带的行为多种多样、功能强大。在Dreamweaver中，利用行为可以为页面制作出各种各样的特殊效果，如打开浏览器窗口、设置文本、交换图像等网页特殊效果。 教学重点 行为概述 使用Dreamweaver内置行为 使用JavaScript 16.1行为概述 为了更好地理解行为的概念，下面分别解释与行为相关的3个重要的概念：【对象】、【事件】和【动作】。 16.1.1使用【行为】面板 Dreamweaver CC才提供了丰富的内置行为，利用这些行为，不需要编写任何代码，就可以实现一些强大的交互性功能。另外，用户也可以从互联网上下载一些第三方提供的动作来使用。 16.1.2关于动作 动作具有设置更换图片、弹出警告对话框等特殊效果的功能，只有当某个事件发生时，才能被执行。 16.1.3关于事件 事件就是在特定情况下发生选定行为动作的功能。例如，如果运用了单击图片之后转移到特定站点上的行为，因为事件被指定了onClick，所以执行了在单击图片的一瞬间转移到其他站点的这一动作。 16.2 使用DREAMWEAVER内置行为 Dreamweaver内置了很多种行为，这些行为是为在IE4.0或更高版本中使用而编写的。用户利用这些内置行为可以不用编写代码就能轻松的制作出各种特效网页。 16.2.1交换图像 【交换图像】就是当鼠标指针经过图像时，原图像会变成另外一幅图像。一个交换图像其实是由两幅图像组成的：原始图像（当页面显示时候的图像）和交换图像（当鼠标经过原始图像时显示的图像）。组成图像交换的两幅图像必须有相同的尺寸，如果两幅图像的尺寸不同，Dreamweaver会自动将第二幅图像尺寸调整成第一幅同样大小。 16.2.2恢复交换图像 利用【恢复交换图像】行为，可以将所有被替换显示的图像恢复为原始图像，一般来说，在设置【交换图像】行为时，会自动添加【恢复交换图像】行为，这样当鼠标指针离开对象时，就会自动恢复原始图像。 16.2.3打开浏览器窗口 当用户浏览网站时，有时会看到，页面打开时会有一个小窗口也同时打开，里面是一些最新消息或通知等内容，将它们放在这个小窗口中，比较引人注目，而且可以经常更新，因此【打开浏览器窗口】是一个非常有用的功能。用户可以从【行为】面板弹出菜单中选择【打开浏览器窗口】。使用【打开浏览器窗口】行为在一个新窗口中打开网页，可以指定新窗口的属性、特性和名称。 16.2.4调用JavaScript 制作自动关闭网页的具体操作步骤如下。 16.2.5转到URL 自动跳转页面网页就是打开一个页面一段时间后自动跳转到另一个页面 。 16.2.6弹出信息 【弹出消息】显示一个带有指定消息的JavaScript警告。因为JavaScript警告只有一个按钮，所以使用此动作可以提供信息，而不能为用户提供选择。 16.2.7预先载入图像 当一个网页包含很多图像，但有些图像在下载时不能被同时下载，而又需要显示这些图像时，浏览器再次向服务器请求指令继续下载图像，这样会给网页的浏览造成一定程度的延迟。使用【预先载入图像】动作就可以把一些图像预先载入浏览器的缓冲区内，这样就避免了在下载时出现的延迟。 16.2.8设置状态栏文本 设置状态栏文本就是浏览时在浏览器窗口左下角的状态栏中显示消息。设置状态栏文本的具体操作如下。 16.2.9检查表单 【检查表单】动作检查指定文本域的内容，以确保用户输入了正确的数据类型。检查表单具体制作步骤如下。 16.2.10 Blind效果 利用行为制作Blind效果的具体操作如下 。 16.2.11 Bounce效果 下面利用行为制作bounce效果，具体操作步骤如下。 16.3使用JAVASCRIPT JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。有了JavaScript，可使网页变得更加生动，增加网页互动性，它与网络客户交互作用，从而可以开发客户端的应用程序。 16.3.1利用JavaScript函数实现打印功能 下面制作调用JavaScript打印当前页面，制作时先定义一个打印当前页函数printPage()，然后在body中添加代码OnLoad=“printPage()”，当打开网页时调用打印当前页函数printPage()。 16.3.2利用JavaScript函数