Dreamweaer自带有多种动作,可以随时调用。
11.4.1 交换图像
交换图像动作的功能是:根据鼠标操作, 动态交换网页上的图像 。
操作步骤,
( 1) 在网页上添加图片和文字 。
( 2) 选定, 单击此处欣赏另一幅图,, 选择, 行为, 面板中的, 交换图像, 命令,
打开对话框 。
( 3) 单击, 设定原始文档为, 框右端的, 浏览, 按钮, 在打开的, 选择图像原, 对话
框中选一幅图片, 作为单击文字后显示的图像 。
( 4) 单击, 确定, 按钮, 返回, 交换图像, 对话框 。
使用 Dreamweaver自带的行为动作
( 5) 单击, 确定, 按钮, 按 F12键浏览网页 。 当鼠标指向, 单击此处欣赏另一幅图,
时, 图像变成另外的图像 。
11.4.2 恢复交换图像
,恢复交换图像, 在应用, 交换图像, 之后使用 。
设置了, 交换图像, 后, 当鼠标移到指定文字上时, 图像变成其他图像, 之后, 不能
再显示原图像, 如果要显示, 通过, 恢复交换图像, 实现, 当鼠标移到指定文字上
时, 图像变成其他图像, 当移开时, 则恢复成原图像 。
继续上一节操作,
( 1) 选择指定的文字 。
( 2) 在, 行为, 面板中选择, 交换图像, 命令, 打开, 恢复交换图像, 对话框后,
单击, 确定, 按钮 。
使用 Dreamweaver自带的行为动作
11.4.3 弹出信息
该行为的功能是:当用户执行操作时, 显示指定信息 。
操作方法,
( 1) 打开网页, 单击 <body>标记,将行为应用于整个网页 。
( 2) 在, 行为, 面板中选择, 弹出信息, 命令, 在打开对话框的, 信息, 框中输入
信息内容,
( 3) 单击, 确定, 按钮后, 在浏览网页时, 出现, 信息, 提示框 。
( 4) 单击, 确定, 按钮, 关闭对话框 。
使用 Dreamweaver自带的行为动作
11.4.4 打开浏览器窗口
该动作的功能是在新的浏览器窗口打开指定的网页 。
操作方法,
( 1) 打开网页, 单击 <body>标记, 将行为应用于整个网页 。
( 2) 在, 行为, 面板中选择, 打开浏览器窗口, 命令, 打开对话框 。
( 3) 在, 要显示的 URL” 中输入网址 。
( 4) 在, 窗口宽度, 中输入, 600”,在, 窗口高度, 中输入, 500”。
( 5) 在, 属性, 中选择要显示在浏览器中的组成元素 。
( 6) 在, 窗口名称, 中输入新打开浏览器窗口的名称 。
( 7) 单击, 确定, 按钮后, 当打开网页时将打开对应的网站 。
使用 Dreamweaver自带的行为动作
11.4.5 拖动层
该行为允许浏览者拖动层 。
操作步骤,
( 1) 在网页中插入一个层, 在层中插入图像 。
( 2) 在, 行为, 面板中选择, 拖动层, 命令 。 打开对话框, 并应用默认设置 。 单击
,确定, 按钮 。
( 3) 按 F12键, 预览设置的动作, 由于应用 onClick事件, 所以在图像上单击鼠标后
才可以移动图像 。
使用 Dreamweaver自带的行为动作
11.4.6 控制 Shockwave或 Flash
该行为的功能是控制 Shockwave或 Flash影片的播放和停止等 。
操作步骤,
( 1) 在网页上插入 3个名称为, 播放,,, 后退,,, 停止, 的按钮, 插入 1个名称为
flash的 Flash插件 。
( 2) 选定, 播放, 按钮, 在, 行为, 面板中选择, 控制 Shockwave或 Flash”命令, 打开
对话框 。
( 3) 在, 影片, 列表中选择插件名称, 在, 行为, 后选择, 播放, 。 单击, 确定, 按
钮 。
( 4) 选定, 后退, 按钮, 重复第 ( 2), ( 3) 步操作, 只是在, 行为, 后选择, 倒回, 。
( 5) 同理, 选定, 停止, 按钮, 在, 行为, 后选择, 停止, 。
( 6) 单击, 确定, 按钮, 按 F12键浏览网页 。
使用 Dreamweaver自带的行为动作
11.4.7 播放声音
该动作可以为网页制作背景音乐 。 打开网页时, 将自动循环播放音乐 。
操作步骤,
( 1) 打开网页, 单击 <body>标记, 将行为应用于整个网页 。
( 2) 在, 行为, 面板中选择, 播放声音, 命令, 打开对话框 。
( 3) 在, 播放声音, 中输入声音文件名称, 或单击, 浏览, 按钮, 从打开的对话框
中选择声音文件 。
( 4) 单击, 确定, 按钮, 返回, 播放音乐, 对话框, 单击, 确定, 按钮, 浏览网页
时, 即会播放音乐 。
使用 Dreamweaver自带的行为动作
11.4.8 改变属性
该行为的功能是改变网页元素或对象的属性 。
操作步骤,
( 1) 单击, 常用, 面板上的, 绘图层, 按钮, 绘制一个层 。
( 2) 单击, 插入, >“表单对象, >“按钮,, 插入 3个名称依次为, 蓝色,,, 红色,,
,绿色, 的按钮 。
( 3) 选定, 蓝色, 按钮, 在, 行为, 面板中选择, 改变属性, 命令, 在打开对话框
中的, 选择, 列表中选择, style.backgroundColor”。
( 4) 在, 新的值, 框中输入 blue。
( 5) 同理, 可以设置, 红色,,, 绿色, 按钮的属性 。
( 6) 浏览网页, 单击不同按钮层背景颜色也不同 。
使用 Dreamweaver自带的行为动作
11.4.9 显示 -隐藏层
该行为的功能是显示或隐藏页面中的层 。
操作步骤,
( 1) 单击, 插入, >“层, 命令, 插入 3个层, 且在各层中添加不同的内容 。
( 2) 取消选择层, 在, 行为, 面板中选择, 显示 -隐藏层, 命令, 打开对话框 。
( 3) 在, 命名的层, 中选择层, Layer2”,单击, 隐藏, 按钮, 在层, Layer2”后面出
现隐藏字样 。
( 4) 单击, 确定, 按钮, 按 F12键浏览网页, 第二层被隐藏 。
使用 Dreamweaver自带的行为动作
11.4.10 显示弹出菜单
该行为的功能是当指向文字或图片时, 弹出菜单 。
操作步骤,
( 1) 在网页中插入图片且居中显示 。
( 2) 选择图片, 在, 行为, 面板中选择, 显示弹出菜单, 命令, 打开对话框 。
( 3) 在, 文本, 框中输入菜单名称, 单击, +”按钮可增加菜单项 。
( 4) 选取该菜单, 单击, 缩进项, 按钮后, 再单击, +”按钮可添加子菜单 。
( 5) 通过, 外观, 选项卡可以设置菜单的外观 。
( 6) 在, 高级, 选项卡中应用默认属性设置 。
( 7) 在, 位置, 选项卡中选择菜单位置 。 也可通过 X,Y坐标值来设定 。
( 8) 单击, 确定, 按钮 。 按 F12键, 浏览网页 。
使用 Dreamweaver自带的行为动作
11.4.11 检查表单
该行为用于检查表单数据是否符合要求 。
操作步骤,
( 1) 打开表单, 选择, 昵称,后面的文本框 。
( 2) 在, 行为, 面板中选择, 检查表单, 命令, 打开对话框 。
( 3), 命名区域, 列表框中显示了网页上已添加的表单, 在, 命名的栏位, 框中选
定第一个文本框, 选定, 必须的, 复选框 。
( 4) 选定第 2个文本框, 选定, 必须的, 复选框;然后选定, 数字从, 单选按钮, 在
数值框中输入, 1”~“100”。
( 5) 其他各项均选定, 必须的, 复选框, 且应用默认属性设置 。 单击, 确定, 按钮 。
使用 Dreamweaver自带的行为动作
11.4.12 设置导航条图像
导航条可由几个单元组成, 每个单元可设置 4个状态下的图像:初始图像, 鼠标移入
时的图像, 单击鼠标后的图像及单击鼠标后再次移入时的图像 。
操作步骤,
( 1) 准备好几幅大小相同的图片之后, 单击, 插入, >“图像对象, >“导航条, 命令,
打开对话框, 单击, 状态图像, 右端的, 浏览, 按钮, 从打开的, 选择图像源文件,
对话框中选择一幅图像作为状态图像 。
( 2) 选定图片, 在, 行为, 面板中选择, 设置导航条图像, 命令, 打开对话框 。
( 3) 单击, 鼠标经过图像, 右端的, 浏览, 按钮, 从打开的, 选择图像源文件, 对
话框中选择一幅图像, 该图像将会在鼠标经过时显示 。 单击, 确定, 按钮, 返回, 设
置导航条图像, 对话框 。
使用 Dreamweaver自带的行为动作
( 4) 重复步骤 ( 3), 选择一幅, 按下图像,, 该图像将会在单击原始图像时显示 。
( 5) 选择一幅, 按下时鼠标经过图像,, 该图像将会在单击原始图像后再次移入原
始图像时显示 。
( 6) 设置完后单击, 确定, 按钮, 关闭对话框 。 按 F12浏览效果 。
11.4.13 转到 URL
该行为的功能是在指定的窗口中打开指定的网页 。
操作步骤,
( 1) 在页面上分别插入一个表单和按钮, 将按钮命名为某个网站的首页名称 。
( 2) 选定该按钮, 在, 行为, 面板中单击, 转到 URL”命令, 打开对话框 。
( 3) 在, URL”框中输入网址 。
( 4) 单击, 确定, 按钮, 按 F12浏览网页, 单击该按钮, 打开指定网站的首页 。
使用 Dreamweaver自带的行为动作
11.4.14 预先载入图像
该行为的功能是将不出现在网页上的图像载入浏览器缓冲区, 作用是防止当该图像出
现时由于下载导致的延迟 。
操作步骤,
( 1) 单击 <body>标记, 使动作应用于整个网页 。
( 2) 在, 行为, 面板中选择, 预先载入图像, 命令, 打开对话框 。
( 3) 在, 图像源文件, 框中输入预下载图像的路径及名称, 或单击, 浏览, 按钮选
择图像文件 。
( 4) 单击, +”按钮, 将在, 预先载入图像, 框中添加图像文件;单击, -”按钮则删
除图像文件 。 最后, 单击, 确定, 按钮 。
使用 Dreamweaver自带的行为动作