第13章网页特效.pptVIP

第13章 网页特效 行为是Dreamweaver中非常有特色的功能，它可以使网页制作者在不编写JavaScript代码的情况下，就能制作出需要数百行代码才能实现的动态效果，例如交换图像、弹出提示信息、设置导航栏图像等。行为的关键在于Dreamweaver提供了许多标准的JavaScript程序，这些程序又称为动作，每个动作都可以完成特定的任务。本章主要讲述行为的基本知识、常见的事件、常见的动作、Dreamweaver中内置行为的使用以及JavaScript的基本知识。 13.1 使用行为：快速制作网页特效 行为是指在网页中进行的一系列动作，通过这些动作可以使某些任务被执行或是实现用户与网页之间的交互。在Dreamweaver中，行为有两个基本元素：事件和动作。动作是一段JavaScript代码，利用这些代码可以完成相应的任务；事件则是由浏览器定义的，事件可以附加到各种页面元素上，也可以附加到HTML标记中，并且一个事件总是针对页面元素或标记而言的。 13.1.1 “行为”面板 可以使用“行为”面板将Dreamweaver内置的行为附加到网页元素，更具体的说是附加到标签，并可以修改以前所附加行为的参数。 选择“窗口”|“行为”命令，打开“标签检查器”面板，默认打开的便是“行为”选项面板，如图13.1所示。 13.1.2 动作 动作就是设置播放声音，交换图像，弹出提示信息，自动关闭网页等特殊的JavaScript效果，表13-1就是Dreamweaver中常见的动作。 13.1.3 事件 每个浏览器都提供一组事件，事件与动作是相关联的。当访问者与网页进行交互时，浏览器生成事件，如果所选对象和显示事件子菜单中指定的浏览器不同，显示在事件下拉列表中的事件将有所不同。Dreamweaver CS5中的行为事件可分为鼠标事件、键盘事件、表单事件和页面事件。每个事件都有其独特的触发方式。 1．鼠标事件 2．键盘事件 3．表单事件 4．页面事件 13.2 使用Dreamweaver内置行为 Dreamweaver CS5提供了许多内置行为动作，基本可以满足网页设计的需要，不需要编写任何代码就可以实现一些强大的交互性和控制功能，还可以从互联网上下载并使用一些第三方的动作。 13.2.1 控制类行为 控制类行为主要是与控制元素有关的行为，包括拖动层行为和显示-隐藏元素行为。 1．拖动AP元素 2.显示-隐藏元素 13.2.2 图像类操作行为 图像类操作行为主要与图像元素有关，包括“预先载入图像”、“交换图像”和“恢复交换图像”。 1.预先载入图像 2.交换图像 3.恢复交换图像 13.2.3 检查类行为 检查类行为主要是与检查、检测有关的行为，可以使用这类行为检查插件、检查表单等。 1.检查插件 2.检查表单 13.2.4 设置文本 “设置文本”行为包含了4种不同类型的动作，它们分别是：“设置状态栏文本”、“设置文本域文字”、“设置框架文本”和“设置容器中文本”。 1.设置状态栏文本 2.设置容器中的文本 3.设置框架文本 13.2.5 设置特殊效果 要给某个元素应用效果，必须首先选中该元素，或者它有一个ID供选定。 1.增大/收缩效果 2.挤压效果 3.晃动效果 13.2.6 其他常用行为 除了前面介绍的一些行为外，Dreamweaver还提供了其他比较常用的行为。 1.调用JavaScript 2.转到URL 3.打开浏览器窗口 4.弹出信息 13.3 JavaScript基础 JavaScript是类似C和Java等的基于对象的编程语言，它可以在客户端浏览器上解析并执行。JavaScript是由Netscape公司开发，基于对象事件驱动并具有可靠安全性能的一种脚本语言。它可以与超文本标记语言HTML、Java小程序或者JSP、ASP、PHP等Web开发语言一起实现在一个Web页面中与Web客户交互作用。此外，JavaScript还可以实现很多动态的页面效果。本章主要介绍JavaScript的基本语法。 13.3.1 JavaScript的特点 在实际应用时，JavaScript有两种使用方式：嵌入和外部调用。它具有以下几个基本特点。 1.脚本编辑语言 2.基于对象的语言 3.简单性 4.安全性 5.动态性 6.跨平台性 13.3.2 语法 JavaScript脚本语言同其他语言一样，有其自身的基本数据类型、表达式和算术运算符及程序的基本框架结构。JavaScript提供了4种基本的数据类型，用来处理数字和文本；变量提供存放信息的地方，表达式可以完成比较复杂的信息处理。 1.基本数据类型 2.常量 3.变量 4.表达式 5.函数 6.注释 13.3.3 运算符 表达式是利用运算符来连接数据的，运算符是完成操