清华大学 网页设计培训教程 Dreamweaver7章.ppt

第7章创建和使用行为 第7章创建和使用行为 教学提示 通过学习这些内容 用户将掌握在制作网页中运用行为这个不可或缺的网页元素的方法 教学目标 行为允许浏览者与Web页面交互并在很多方面改变页面 行为是事件和该事件所触发的动作的结合 本章将首先详细讲述如何利用Dreamweaver8中的 行为 面板在页面中添加行为动作 并设置触发动作的事件 然后讲述如何编辑和更新行为 以及介绍在页面中如何使用Dreamweaver8中内置的几种常用的行为 第7章创建和使用行为 7 1创建行为7 2使用内置行为7 3上机实战 7 1创建行为 7 1 1附加行为7 1 2编辑行为7 1 3更新行为 7 1创建行为 行为就是在网页中进行的一系列动作 通过这些动作 可以实现用户同网页的交互 也可以通过动作使某个任务被执行 一般来说 一个行为应该由一个事件 event 和一个动作 action 组成 例如 当将鼠标移动到一幅图像上时 就产生了一个事件 如果这时图像变化 就产生了一个动作 动作通常由一段JavaScript代码组成 利用这段代码可以完成相应的任务 如打开浏览器 播放声音或视频等 在Dreamweaver中 可以使用Dreamweaver内置的行为往页面中添加JavaScript代码 也可以对现有代码进行修改 使之更符合自己的需要 事件则通常由浏览器定义 它可以被附加到各种页面元素上 也可以被附加到HTML标记中 通常一个事件总是针对页面元素或标记而言的 例如 在大多数浏览器中的超链接上都会发生onMouseOver onMouseOut和onClick这3种事件 当鼠标移动到链接上 就发生链接的onMouseOver事件 而鼠标移动到链接之外 就发生链接的onMouseOut事件 而单击链接 就发生链接的onClick事件 7 1创建行为 另一个常见的事件是onLoad 它同图像或文档正文相关联 当载入文档时 就发生文档的onLoad事件 而载入图像时 就发生图像的onLoad事件 将事件和动作组合起来 就构成了行为 例如 将onClick事件同一段JavaScript代码相关联 在单击时就可以执行相应的JavaScript代码 通常 我们将事件产生的这个过程称为触发 不是所有动作都需要用户的干涉才会发生 例如 我们可以指定某个动作每隔10秒运行一次 这实际上还是由事件触发的 只是这种事件不是通过用户本身的行为而产生的 有时会有多个动作同一个事件相关联 换句话说 当事件发生时 会导致多个动作被执行 在Dreamweaver中 可以指定这些动作发生的顺序 从而实现需要的结果 7 1 1附加行为 用户可以对整个文档 也就是对body标记 附加行为 也可以对链接 图像 表单元素或其他任何HTML元素附加行为 用户选择的目标浏览器决定了对于给定元素可以支持哪些事件 例如 InternetExplorer6 0支持的事件范围就比Navigator6 0或其他任何5 0版本浏览器都要大得多 需要注意的是 不能为纯文本附加行为 因为标记p和span不在浏览器中产生任何事件 所以没有办法为这些标记触发动作 但用户可以为链接附加行为 要为文本附加行为 最简单的办法就是为文本添加一个空链接 不指向任何对象 然后将行为附加到链接上 如果用户这样做 文本将以链接的形式出现 要使文本看起来不像链接 可以修改链接颜色 删除下划线 可以为每个事件关联多个动作 动作的执行会按照在 行为 面板的动作列中所示的顺序进行 可以单击 行为 面板上的箭头按钮 改变动作的执行顺序 要往页面中附加行为 其具体操作如下 1 在文档窗口中 选中要附加行为的对象 2 如图7 1所示 选择 窗口 行为 命令 打开如图7 2所示的 行为 面板 这时 选定对象的HTML标记出现在 行为 面板的标题栏中 7 1 1附加行为 图7 1利用菜单打开 行为 面板 图7 2 行为 面板 7 1 1附加行为 3 单击 行为 面板上的 按钮 打开如图7 3所示的动作菜单 然后选择需要附加的动作 不能选择的动作在菜单中是灰色的 之所以不能选择可能是因为所要求的对象在当前文档中不存在 一般来说 选择了某个菜单项之后 会出现一个对话框 选项不同 对话框也不同 在对话框中输入相应的设置 单击 确定 按钮 确定操作 即在对象上附加了一个行为 4 这时在行为列表中会显示添加事件已经对应的动作 如果该事件不是用户希望的事件 可以单击该事件右边的箭头 打开事件菜单 选择其他事件 如图7 4所示 要为文本附加属性 可以在文档中选中需要添加行为的文本 然后在文本的 属性 面板上的 链接 文本框中输入 javascript 为文本添加了附加的属性以后 就可以对这个选定的文本附加行为了 要改变链接文本的外观 其具体操作如下 1 在文档中选中需要添加行为的文本 2 选择文档编辑窗口上方的 代码 命令 打开如图7 5所示的代码检查器 3 在链接的ahref标记中 插入以下属性 style text decoration none color black 该属性设置的作用是 不使用下划线 并将文本颜色设置为黑色 4 要改变页面或整个站点中附加链接的文本外观 可使用 CSS样式 面板或者为链接创建新样式 7 1 1附加行为 图7 3动作菜单 图7 4事件菜单 7 1 1附加行为 图7 5代码检查器 7 1 2编辑行为 除了附加行为外 用户还可以在 行为 面板中添加新行为 删除现有行为和重设行为的触发事件 也可以修改现有行为动作 如果用户已经为一个对象附加了行为 那么该行为将出现在 行为 面板中 并按事件的字母顺序排列 如果同一事件有多个动作 那么动作将按执行顺序排列 1 修改行为动作要修改现有行为 其具体操作如下 1 选中包含要修改行为的对象 然后双击 行为 面板中要修改的行为项 或选中行为项 并按Enter键 这时会打开一个对话框 提示用户对行为进行修改 行为不同 打开的对话框也不同 如图7 6所示为在 行为 面板中对链接文本 more 附加 打开浏览器窗口 行为动作打开的对话框 2 在对话框中重新设置行为动作参数 设置完成后单击 确定 按钮确定操作 行为动作就被修改了 7 1 2编辑行为 图7 6 打开浏览器窗口 对话框 7 1 2编辑行为 2 重设事件要重新为动作指定触发事件 其具体操作如下 1 选中包含要重设事件的对象 并在 行为 面板中选中要重设事件的行为项 2 单击事件右边的箭头 打开事件菜单 在弹出的菜单中选择其他事件 如果所期望的事件没有出现 用户需要确认是否选取了正确的对象 或者在如图7 7所示的 显示事件 子菜单中改变目标浏览器 3 修改行为的执行顺序要修改行为的执行顺序 其具体操作如下 1 选中包含要修改行为执行顺序的对象 并在 行为 面板中选中行为项 2 单击 行为 面板上的箭头按钮来改变顺序 4 删除行为要删除行为 其具体操作如下 1 选中包含要删除行为的对象 并在 行为 面板中选中行为项 2 单击行为面板上的 按钮 行为便被删除了 7 1 2编辑行为 图7 7改变目标浏览器 7 1 3更新行为 如果页面中包含有使用低于Dreamweaver8版本的软件创建的行为 当使用Dreamweaver8打开页面时 这些行为不会自动更新 当在一个页面中更新行为的一个实例时 此页面中该行为的其他所有实例都将得到更新 要更新页面中的行为 可以选中附加有行为的对象 然后双击 行为 面板中要更新的行为项 或选中行为项后按Enter键 这时会打开一个行为对话框 用户可以不作任何修改单击OK按钮确定更新行为 行为不同 打开的对话框也不同 如图7 8所示为在 行为 面板中对一个对象附加 调用JavaScript 行为动作进行更新的对话框 这个行为原本是利用Dreamweaver5 0制作的 7 1 3更新行为 图7 8更新 调用JavaScript 行为动作 7 2使用内置行为 7 2 1调用JavaScript代码7 2 2改变网页对象的属性7 2 3检查浏览器7 2 4检查插件7 2 5跳转到指定的网页7 2 6打开浏览器窗口7 2 7设置状态条文本7 2 8弹出信息对话框 7 2使用内置行为 Dreamweaver8内置了很多行为 基本上可以满足普通网页的创作需求 本节将对这些内置行为分别进行介绍 Dreamweaver8提供的行为动作已经确认可以在NetscapeNavigator6和InternetExplorer6 0及其以后的版本中使用 虽然Dreamweaver动作实现最大可能地跨浏览器兼容 其中一些动作还是不能在旧版本的浏览器中使用 而且有些浏览器根本不支持JavaScript 很多浏览Web的用户都将其浏览器的JavaScript功能关闭 如果想获得最好的跨平台结果 用户应该在noscript标记中提供可替换的界面 这样没有JavaScript的用户也可以使用用户的站点 7 2 1调用JavaScript代码 调用JavaScript 动作让用户可以使用 行为 面板指定当事件发生时要执行的自定义函数或者JavaScript代码 可以自己书写JavaScript 也可以使用Web页面上免费发布的各种JavaScript库 可以利用 调用JavaScript 动作在网页中制作一个 后退 按钮 调用JavaScript动作制作这个按钮的具体操作如下 1 在文档窗口中 选中要附加行为的对象 后退 按钮 如图7 1所示 单击 窗口 行为 命令 打开如图7 2所示的 行为 面板 2 单击 行为 面板上的 按钮 并从如图7 3所示的动作菜单中选择 调用JavaScript 选项 这时会出现如图7 9所示的对话框 3 在该对话框中可以直接输入 if history length 0 history back 4 单击 确定 按钮确定操作 查看默认事件是否是用户需要的事件 如果该事件不是用户所需的 可以从弹出的事件菜单中选择另一个事件 如果用户需要的事件没有列出 请在 显示事件 子菜单中改变目标浏览器 为 后退 按钮附加了 调用JavaScript 动作行为 保存文档后在浏览器中预览效果 如果单击如图7 10所示的网页中的 后退 按钮 则页面将后退到刚才浏览的页面 这个按钮的作用和浏览器上的 后退 按钮的作用一样 7 2 1调用JavaScript代码 图7 9 调用JavaScript 对话框 7 2 1调用JavaScript代码 图7 10单击页面中的 后退 按钮 7 2 1调用JavaScript代码 用户在 调用JavaScript 对话框中可以直接输入 if history length 0 history back 也可以按照如下操作先将代码封装为函数 然后再调用函数 1 编写如下所示的JavaScript程序 用于进行数据处理 functiongoBack if history length 0 history back 2 如图7 11所示 选择 查看 文件头内容 命令 显示文档窗口的头部 并将插入点放置于文档窗口的头部窗格中 3 如图7 12所示 选择 插入 HTML 脚本对象 脚本 命令 或是选择 插入 面板上的HTML选项 然后单击 脚本 按钮 这时会出现如图7 13所示的对话框 4 从 语言 下拉列表中选择JavaScript选项 然后将上面的程序输入到 内容 文本编辑区中 7 2 1调用JavaScript代码 图7 11显示头部内容 图7 12插入 脚本 命令 7 2 1调用JavaScript代码 图7 13 脚本 对话框 7 2 1调用JavaScript代码 5 单击 确定 按钮确定插入脚本 然后在 调用JavaScript 对话框中输入函数名称 goBack 如图7 14所示 这样也可以创建一个 后退 按钮 图7 14设置 调用JavaScript 对话框 7 2 2改变网页对象的属性 使用 改变属性 动作更改对象某个属性 例如层的背景颜色或表单的动作 的值 您可以更改的属性是由浏览器决定的 使用 改变属性 动作可以改变所选择的对象的各种属性 例如 您可以动态设置层的背景颜色 也可以改变图片的大小以及表单的属性 但这些只有在您比较熟悉HTML和javascript的情况下才使用此动作 要使用 改变属性 动作 其具体操作如下 1 在文档窗口中 新建一层 然后输入文字 改变文字大小 如图7 15所示 2 在 属性 面版中首先设置好文字的属性 如图7 16所示 颜色为红色 FF0000 大小为50像素 3 选择 窗口 行为 命令 打开 行为 面板 单击 行为 面板上的 按钮 并从动作菜单中选择 改变属性 命令 这时会出现如图7 17所示对话框 4 在 对象类型 中选择DIV 命名对象 为DIV Layer1 属性 下拉菜单选择style fontSize 新的值 填上所想要生成文字大小 这里填上80 5 选择 文件 保存 命令将文件存盘 然后选择 文件 在浏览器中预览 iexplore命令 或直接按F12键 使用InternetExplorer进行预览 显示结果如图7 18所示 单击文字后的效果如图7 19所示 7 2 2改变网页对象的属性 图7 15输入文本 7 2 2改变网页对象的属性 图7 16设置文字属性 图7 17 改变属性 对话框 7 2 2改变网页对象的属性 图7 18文字大小改变之前 7 2 2改变网页对象的属性 图7 19文字大小改变之后 7 2 3检查浏览器 使用 检查浏览器 动作可以判断浏览者使用的浏览器类型和版本 并根据这些信息将他们导向不同的页面 例如 可能需要将使用Navigator4 0及以后版本的用户转到某个页面 而将使用InternetExplorer4 0及以后版本的用户去往另一个页面 使用其他类型浏览器的用户停留在当前页面 将该行为附加到页面的标记是很有用的 事实上它几乎和任何浏览器都兼容 包括那些不能使用任何JavaScript的浏览器 用这种办法可以让那些关闭了JavaScript功能的浏览者也可以看到内容 另外一个选择是将该行为附加到空链接上 如 并根据浏览者的浏览器类型和版本让动作来决定链接的目的地 要使用 检查浏览器 动作 其具体操作如下 1 在文档窗口中 选中整个文档附加行为 可以通过文档左下方状态行上的标记选择器选取标记 2 选择 窗口 行为 命令 打开 行为 面板 单击 行为 面板上的 按钮 并从动作菜单中选择 检查浏览器 命令 这时会出现如图7 20所示的 检查浏览器 对话框 7 2 3检查浏览器 3 决定如何分流用户的浏览者 通过浏览器类型 浏览器版本 或者两者都用 例如 让使用IE4 0以上版本浏览器的用户访问利用层布局的页面 其他所有用户都访问另一个利用表格布局的页面 在NetscapeNavigator文本框中 可以输入要检查的NetscapeNavigator浏览器的最低版本号 在InternetExplorer文本框中 可以输入要检查的InternetExplorer浏览器的最低版本号 4 在各浏览器项右边的下拉列表中 设置当浏览器的版本是左边文本框中输入的版本 或比该版本还要新时所进行的动作为 转到URL 则跳转到对话框中URL文本框中所设置的地址上 在 否则 和 其他浏览器 下拉列表中 设置当检查到用户浏览器不是上面所列的浏览器时所执行的动作为 前往替代URL 则跳转到对话框中 替代URL 文本框中所设置的地址上 5 在URL文本框中 设置当浏览器版本合适时正常跳转到的URL地址为 Book htm 也可以单击 浏览 按钮 从磁盘上选择链接目标锚的文档 在 替代URL 文本框中 设置当浏览器版本不合适时跳转到URL地址为 Book2 htm 也可以单击 浏览 按钮 从磁盘上选择链接目标锚的文档 6 单击 确定 按钮确定操作 查看默认事件是否是用户需要的事件 如果该事件不是用户所需的 从弹出的事件菜单中选择事件为 Onload 如果用户需要的事件没有列出 则要在 显示事件 子菜单中改变目标浏览器 7 页面添加 检查浏览器 动作行为 保存文档后在浏览器中浏览效果 如果用户的浏览器版本在4 0以上 则显示如图7 16所示的利用层布局的网页 如果用户的浏览器版本比较低 则将显示如图7 17所示的利用表格布局的网页 7 2 3检查浏览器 图7 20 检查浏览器 对话框 7 2 3检查浏览器 图7 21在高版本浏览器中显示的网页 7 2 3检查浏览器 图7 22在低版本浏览器中显示的网页 7 2 4检查插件 使用 检查插件 动作 可以检查访问网页的用户 其浏览器中是否安装指定插件 通过这种检查 可以分别为安装插件和未安装插件的用户显示不同的网页 例如 用户可以检查是否安装了播放Flash动画的插件 如果安装了该插件 就可以将带有Flash动画对象的网页显示给浏览者 如果没有安装该插件 则可以将一幅以仅显示图像的方式的替代网页显示给浏览者 要使用 检查插件 动作检查用户浏览器中是否安装Flash播放器 其具体操作如下 1 在文档窗口中 选中整个文档附加行为 可以通过文档左下方状态行上的标记选择器选取标记 2 选择 窗口 行为 命令 打开 行为 面板 单击 行为 面板上的 按钮 并从动作菜单中选择 检查插件 命令 这时会出现如图7 23所示的 检查插件 对话框 7 2 4检查插件 图7 23 检查插件 对话框 7 2 4检查插件 3 在 插件 选项组中 选择要检查的插件类型 选中 选择 单选按钮 并从右方的下拉列表中 选择插件类型为Flash 4 在 如果有 转到URL 文本框中 设置当检查到浏览器中安装了该插件时 跳转到的URL地址为 Book htm 也可以单击 浏览 按钮 从磁盘上选择目标锚上的文档 在 否则 转到URL 文本框中 可以设置当检查到用户浏览器中尚未安装该插件时 跳转到的URL地址为 Book2 htm 也可以单击 浏览 按钮 从磁盘上选择目标锚上的文档 5 选中 如果无法检查 则始终转到第一个URL 复选框 则如果浏览器不支持对该插件的检查特性 则直接跳转到上面设置的第一个URL地址上 在大多数情况下 这时浏览器会提示下载该插件并安装它 6 单击 确定 按钮确定操作 查看默认事件是否是用户需要的事件 如果该事件不是用户所需的 从弹出的事件菜单中选择事件为 Onload 为网站页面添加 检查插件 动作行为 保存文档后在浏览器中浏览效果 如果浏览器中安装有Flash播放器 则显示如图7 24所示的具有Flash动画的网页 如果浏览器没有安装Flash播放器 则将显示如图7 25所示的利用图像代替Flash动画的网页 7 2 4检查插件 图7 24具有Flash动画的网页 7 2 4检查插件 图7 25利用图像代替Flash动画的网页 7 2 5跳转到指定的网页 利用 转到URL 动作 可以设置在当前浏览器窗口或指定的框架窗口中载入指定的页面 该动作在同时改变两个或多个框架内容时特别有用 它也可以在时间轴中调用 以便在指定时间间隔后跳转到一个新页面 要使用 转到URL 动作 其具体操作如下 1 在文档窗口中 选中要附加行为的对象 考试用书 按钮 2 选择 窗口 行为 命令 打开 行为 面板 单击 行为 面板上的 按钮 并从动作菜单中选择 转到URL 命令 这时会出现如图7 26所示的 转到URL 对话框 3 在 打开在 列表中将自动列出当前文档中的所有框架名称和主窗口 如果没有框架 主窗口将是惟一选项 从这个列表中选择打开链接目标锚端文档的窗口为 框架 Mainframe 4 在URL文本框中 设置链接的URL地址为 science Computer zxdream htm 也可以单击 浏览 按钮 从磁盘上选择目标锚段的文档 5 单击 确定 按钮确定操作 查看默认事件是否是用户需要的事件 如果该事件不是用户所需的 可以从弹出的事件菜单中选择事件 Onclick 为页面中的 考试用书 按钮添加 转到URL 动作行为 保存文档后在浏览器中浏览效果 如果用户单击如图7 27所示的页面中的 考试用书 按钮 则浏览器窗口变化如图7 28所示 7 2 5跳转到指定的网页 图7 26 转到URL 对话框 7 2 5跳转到指定的网页 图7 27单击 考试用书 按钮 7 2 5跳转到指定的网页 图7 28浏览器主框架变化 7 2 6打开浏览器窗口 使用 打开浏览器窗口 动作可以在一个新窗口中打开URL 用户可以指定新窗口的属性 包括其大小 属性 大小是否可调 有无菜单条等 和名称 例如 可以使用该行为在单击缩略图时从一个独立窗口中打开较大的图像 使用该行为可以将新窗口的大小设置为和图像大小一样 如果不为窗口设置属性 那么它将使用其他的窗口的大小和属性打开 为窗口指定任何属性都会自动关闭其他那些没有明确设置的属性 例如 如果用户没有为窗口设置属性 它可能会以640 480的分辨率打开 有导航栏 地址工具栏 状态栏和菜单条 如果用户明确指定其宽度为640 高度为480 而没有设置其他属性 那么该窗口打开时将没有导航栏 地址工具栏 状态栏 菜单条 也没有滚动条 要使用 打开浏览器窗口 动作 其具体操作如下 1 在文档窗口中 选中要附加行为的对象 书苑 图像 选择 窗口 行为 命令 打开 行为 面板 单击 行为 面板上的 按钮 并从动作菜单中选择 打开浏览器窗口 命令 这时会出现如图7 29所示的 打开浏览器窗口 对话框 2 在 要显示的URL 文本框中 输入在新浏览器窗口中载入的URL地址为 NewBook htm 也可以单击 浏览 按钮 从磁盘上选择链接目标锚端的文档 3 在 窗口宽度 文本框中 输入新浏览器窗口的宽度为 200 在 窗口高度 文本框中 可以输入新浏览器窗口的高度为 180 7 2 6打开浏览器窗口 图7 29 打开浏览器窗口 对话框 7 2 6打开浏览器窗口 4 在 属性 选项组中 可以设置新浏览器窗口中是否显示相应的元素 选中复选框则显示该元素 清除复选框则不显示该元素 有下列几个复选框 导航工具栏 菜单条 地址工具栏 需要时使用滚动条 状态栏 和 调整大小手柄 在这里只选择 导航工具栏 复选框 使浏览器窗口具有导航栏 5 在 窗口名称 文本框中 为新打开的浏览器窗口定义名称为 NewBook 6 单击 确定 按钮确定操作 查看默认事件是否是用户需要的事件 如果该事件不是用户所需的 可以从弹出的事件菜单中选择事件为 Onclick 为 网上书苑 网页页面中的 书苑 图像添加 打开浏览器窗口 动作行为 保存文档后在浏览器中浏览效果 如果用户单击如图7 30所示的 网上书苑 网页页面中的 书苑 图像 则会弹出如图7 31所示的一个新的浏览器窗口 用户可以注意到这个浏览器窗口大小和原先的不同 而且只有导航栏 7 2 6打开浏览器窗口 图7 30单击 书苑 图像 7 2 6打开浏览器窗口 图7 31在新的浏览器窗口中打开网页 7 2 7设置状态条文本 使用 设置状栏文本 动作 可以在浏览器窗口左下角的状态栏中显示消息 例如 用户可以使用该动作在状态栏中描述链接 而不显示与之关联的URL 可以在文本中插入任何JavaScript函数调用 属性 全局变量或其他的表达式 要插入JavaScript表达式 请将其放在大括弧中 如果要显示括号 前面加上斜杠转义符即可 要使用 设置状态栏文本 动作 其具体操作如下 1 在文档窗口中 选中整个文档附加行为 可以通过文档左下方状态行上的标记选择器选取标记 2 选择 窗口 行为 命令 打开 行为 面板 单击 行为 面板上的 按钮 并在动作菜单中 选择 设置文本 设置状态栏文本 命令 这时会出现如图7 32所示的 设置状态栏文本 对话框 7 2 7设置状态条文本 图7 32 设置状态栏文本 对话框 7 2 7设置状态条文本 3 在 消息 文本框中输入 今天是 newDate 4 单击 确定 按钮确定操作 查看默认事件是否是用户需要的事件 如果该事件不是用户所需的 需要从弹出的事件菜单中选择事件为 Onload 为 NewBook 网页添加 设置状态条文本 动作行为 保存文档后在浏览器中浏览效果 当打开 NewBook 网页 可以看到如图7 33所示状态栏信息 7 2 7设置状态条文本 图7 33 NewBook 网页浏览器状态栏信息 7 2 8弹出信息对话框 利用 弹出信息 动作 可以在网页中显示信息对话框 起到提示信息的作用 最常见的信息对话框只有一个 确定 按钮 仅仅告诉用户发生了什么事情 利用Dreamweaver的弹出信息动作 可以设计更复杂的信息类型 要使用 弹出信息 动作 其具体操作如下 1 在文档窗口中 在 NewBook 网页中选中要附加行为的对象 最新Dreaweaver8入门指南 文本 选择 窗口 行为 命令 打开 行为 面板 2 单击 行为 面板上的 按钮 并从动作菜单中选择 弹出信息 命令 这时会出现如图7 34所示的 弹出信息 对话框 3 在 信息 文本框中输入 本书七折出售 欲购从速 4 单击 确定 按钮确定操作 查看默认事件是否是用户需要的事件 如果该事件不是用户所需的 可以从弹出的事件菜单中选择事件为 Onload 为 NewBook 网页添加 弹出信息 动作行为 保存文档后在浏览器中浏览效果 当打开为 NewBook 网页时可以看到如图7 35所示的信息提示框 7 2 8弹出信息对话框 图7 34 弹出信息 对话框 图7 35信息提示框 7 3上机实战 本节上机实战要求利用行为改变 网上书苑 的文字颜色 1