dreamweaver教程第9章.docVIP

第9章 制作网页特效 在制作网页时，为了丰富网页内容，可以为网页添加特殊效果。这样制作出来的网页，不但新颖，有风格，而且也增加了网站访问量。制作网页特效主要应用Dreamweaver 8中自带的行为以及在网页中添加JavaScript代码来完成。行为丰富了网页的交互功能，它允许访问者通过与页面的交互来改变网页内容，或者让网页执行某个动作，Dreamweaver 8自带的行为种类多样、功能强大，而且这些行为都是开放的。 JavaScript语言在实际设计网页的过程中也非常有用，运用它可以设计出一些丰富多彩的网页。JavaScript的出现，使得信息和用户之间不仅是显示和浏览的关系，而且也实现了实时的、动态的、可交互式的表达。本章将详细介绍一些相关的行为和JavaScript对文字、图像等网页对象的操作。 本章学习要点： 行为概念 行为的应用 JavaScript概念 JavaScript的操作 9.1 行为概述 行为是被用来动态响应用户操作、改变当前页面效果或是执行特定任务的一种方法。使用行为可以使访问者与网页之间产生一种交互，来改变页面或触发任务。Dreamweaver 8中的行为是一个带有面向对象设计思想的工具。它事实上是由预先编写好的JavaScript代码构成。一个行为是由一个事件和一个动作构成。任何一个动作都需要一个事件激活，两者相辅相成。动作是一段已编辑好的JavaScript代码，而这些代码的特定事件是在被激发时执行。 9.1.1 行为概念 9.1.2 行为面板 行为面板中各按钮名称及功能描述 图标 名称 功能描述 显示设置事件 显示添加到当前文档的事件 显示所有事件 显示所有可用的事件 添加行为 选择快捷菜单中的选项添加行为 删除事件 从当前动作列表中删除选中的行为 增加事件值 动作项向前移，改变执行顺序 降低事件值 动作项向后移，改变执行顺序 9.1.3 编辑行为 9.2 应用行为 Dreamweaver 8预定义有20多种行为，如果在网页中适当的添加行为，可以起到动态效果并使用户与网页之间具有交互性。让网页设计者无需掌握JavaScript语言，就可以制作出快捷菜单、互动图像、为页面插入背景音乐等一些特殊效果。 9.2.1 交换图像 9.2.2 打开浏览器窗口 【打开浏览器窗口】对话框中参数名称及功能 名称 功能 要显示的URL 输入页面的URL地址，输入文件的路径和文件名，或者单击【浏览】按钮，选择文件 窗口宽度 以像素为单位指定新窗口的宽度 窗口高度 以像素为单位指定新窗口的高度 属 性 导航工具栏 浏览器上显示后退、前进、主页和刷新等标准按钮的工具栏 菜单条 选中此项，将在新窗口中显示菜单条 地址工具栏 选中此项，将在新窗口中显示地址栏 使用滚动条 选中此项，在页面的内容超过窗口大小时，浏览器会显示滚动条 状态栏 选中此项，将在浏览器窗口底部显示状态栏 调整大小手柄 选中此项，可以调整窗口大小的手柄 窗口名称 为新窗口命名 9.2.3 拖动层 【基本】面板中各参数名称及功能 名称 功能 层 在下拉列表中选择要拖动的层名称 移 动 限制 对于滑动控制或者可以移动的布景，一般选择该项，这样可以将层的移动限制在一定的区域内 不限制 如果要设计拼图或者拖动、放下的游戏，可以选择此项，表示不限制层的移动范围 放下目标 在文本框中输入数值，是相对于浏览器左上角的距离，用于确定该层的目的点坐标 靠齐距离 输入一个值，只有当层被拖动到与目的点距离小于此数值时，层才会被认为移动到了目的点并且自动拖放到指定目的点上去 【高级】面板中各参数名称及功能 名称 功能 拖动控制点 整个层 在层上的任意一点都可以拖动层 层内区域 在文本框中指定拖动层中的某个区域，层才能被拖动 拖动时 将层移至最前 在层拖动时将层移动到最前面，然后在其下拉列表中选择“留在最上方”表示拖动后将层停留在最前方；或者选择“恢复z轴”表示拖动后返回到原来在栈中的层次 呼叫JavaScript 输入JavaScript代码或者是JavaScript函数名，当层被拖动时，这个函数和代码会不断地被重复执行 按下时 输入JavaScript代码或者函数名称。当访问者松开鼠标时，就会执行这个方框中所指明的JavaScript代码或者函数 只有在靠齐时 选中该复选框，只有当层放下并且到达指定的位置后，才执行该行为中的JavaScript代码和函数 9.2.4 弹出信息 9.2.5 改变属性 9.2.7 显示弹出式菜单 【内容】选项卡中各参数名称及功能 名称 功能 菜 单 添加项 添加新的菜单项 移除项 删除菜单项