第11课 marquee标记和行为

1、课堂讲解 上机实验 行为简介 认识“行为”面板 添加、修改和删除行为 获取更多的行为 应用行为 引例 行为的概念 行为（Behavior）是在Dreamweaver 中预置的JavaScript程序，由事件（event）和对应动作（actions）组成。 它能实现用户与网页间的交互，通过某个动作来触发某项计划。 如当用户在页面中将鼠标移动并单击某一个链接后，载入了一幅图像，这就产生了两个事件onMouseOver和onClick，同时触发了一个动作载入图像。 浏览器都会提供一组事件，事件与动作相关联。当访问者与网页进行交互时，浏览器生成事件，但并非所有的事件都是交互的。 根据所选对象和在“显示

2、事件”子菜单中指定的浏览器的不同，显示在“事件”下拉列表框中的事件将有所不同。 浏览器都会提供一组事件，事件与动作相关联。当访问者与网页进行交互时，浏览器生成事件，但并非所有的事件都是交互的，如设置网页每10s自动重新载入。 根据所选对象和在“显示事件”子菜单中指定的浏览器的不同，显示在“事件”下拉列表框中的事件将有所不同。 在使用行为前要先了解行为的具体操作场所“行为”面板，在Dreamweaver 右侧的浮动面板组中打开“标签”面板，在其中单击“行为”选项卡打开“行为”面板，如没有“行为”面板，可以选择窗口行为菜单命令，也可按【Shift+F4】键打开“行为”面板。 添加行为 修改行为 删

3、除行为 在不同类型的浏览器中可以根据需要将行为附加到整个文档、链接、图像、表单对象或任何其他的HTML元素中。（1）在行为面板添加行为（2）从对话框中选择合适的动作，并设置对话框（3）回到行为面板 ，可以看到行为，并附加了一个默认事件。可以修改成合适的事件。 选择添加行为的对象。 按【Shift+F4】键打开“行为”面板，在其“动作”列表中双击要修改的行为动作或将其选择并按【Enter】键，也可单击鼠标右键，在弹出的快捷菜单中选择“编辑行为”命令，在打开的对话框中进行修改，然后单击“确定”按钮。 可编辑的内容包括：行为的事件，行为的动作，调整行为的执行次序 在“行为”面板中选择要删除的行为。

4、单击 按钮或在行为上单击鼠标右键，在弹出的快捷菜单中选择“删除行为”命令，还可以直接按【Delete】键即可。 Dreamweaver自带的行为比较少，如果想获取更多的行为可以从Macromedia公司和其他第三方的开发网站下载。在“行为”下拉列表中选择“获取更多的行为”选项，则会打开Macromedia公司官方网站提供的行为下载页面。 交换图像 弹出信息 恢复交换图像 打开浏览器窗口 拖动AP元素 改变属性 效果 时间轴 显示隐藏元素 检查插件 检查表单 设置导航栏图像 设置文本“设置容器文本”行为 “设置文本域文本”行为“设置框架文本”行为 “设置状态栏文本”行为 调用JavaScript

5、 跳转菜单 跳转菜单开始 转到URL 预先载入图像 “设置AP元素文本”行为可以用指定的内容替换现有层的内容和格式设置，但将保留层的属性，包括颜色。该内容可以包括任何有效的HTML源代码。 “设置文本域文字”行为可以用指定的内容替换表单文本域的内容。注意：文本域必须确保有一个唯一的名称 “设置状态栏文本”行为可在浏览器窗口底部左侧的状态栏中显示消息。如可以使用此行为在状态栏中说明链接的目标而不是显示链接的URL。 “播放声音”行为用来播放声音和音乐文件，页面背景音乐和鼠标单击时的声音都可以用此行为设置。 “交换图像”行为可将一个图像替换为另一个图像，这是通过更改“scr”属性来实现的，此动作一

6、般用来创建翻转按钮以及同时替换多个图片。 “恢复交换图像”行为用于将替换的图像恢复为原始的图像文件。 “改变属性”行为用于改变网页元素的属性值。 “检查浏览器”行为是为了根据浏览者使用的浏览器版本的不同来决定访问的不同网页，以提高网页的兼容性。可将此行为添加到与任何浏览器都兼容页面的body标签上，也可以将此行为添加到一个空链接上，并让该行为根据访问者浏览器的类型和版本确定链接的目标页面。 “检查插件”行为用于检查访问者的电脑中是否安装了特定的插件，而决定将浏览者带往不同的页面，如浏览者电脑中安装了Flash插件，那么就播放Flash给浏览者观看，如果没有安装，就直接将浏览者带往没有Flash

7、的页面。 “检查表单”行为用于检查指定文本域的内容，以确保用户输入了正确的数据类型。使用“onBlur”事件添加到文本域，可以在用户填写表单时对域进行检查，若使用“onSubmit”事件将其添加到表单，在用户提交表单时可同时对多个文本域进行检查。使用该行为可以防止表单提交到服务器后指定的文本域包含无效的数据。 “设置导航栏图像”行为用于将某个图像变为导航条图像，也可更改导航条中图像的显示和动作。使用“设置导航栏图像”行为，可以实现选择插入图像对象导航条菜单命令一样的功能。 打开高级选项，可以设置当鼠标经过或者单击当前导航图像时，其它的图像随之发生变动情况效果如下： 选择“转到URL”行为可在当

8、前窗口或指定框架内打开一个新的页面。此行为在一次单击改变两个或更多框架的内容时特别有用，它也可以在时间轴内被调用，在特定时间间隔后跳转到新的页面。 “弹出信息”行为将用于显示一个指定的JavaScript提示信息框。该提示信息是提供给浏览者信息的，浏览者不能做出选择，也不能控制信息框的外观，只有一个“确定”按钮，其外观取决于浏览器属性。 如果需要打开就弹出信息，则选中body标签 “拖动AP元素”行为使网页中AP元素的位置不再是固定不变的，而是可以随着浏览者的鼠标运动而运动，层在拖动过程中还可调用JavaScript代码或函数，从而实现一些特殊效果。 “显示-隐藏层”行为用于改变一个或多个层的

9、可见性。此行为可以用于交互时显示信息。如当鼠标光标滑过一个图像时，则显示该图像的相关信息，当鼠标光标离开这个图像时，提示信息则消失。 “弹出式菜单”行为用于在网页中实现类似于Windows系统中菜单效果，在设计网页时可以把一个类别的页面都放在菜单中，这样就能从主页直接访问到需要的子页，以方便浏览者。 1.内容选项卡 （1）在“文本”框中输入菜单名称 （2）在“链接”打开对话框中链接文档 2.外观选项卡 “跳转菜单”行为是用于修改已经创建好的跳转菜单。 “跳转菜单开始”行为与“跳转菜单”行为密切相关，“跳转菜单开始”行为允许将“前往”按钮和一个“跳转菜单”行为关联起来。 “调用JavaScrip

10、t”行为用于执行“行为”面 板 中 某 个 特 定 事 件 时 调 用 自 己 编 写 的JavaScript代码、函数。 “控制Shockwave或Flash”行为用来控制Macromedia Shockwave或Macromedia Flash的播放、停止、重放或跳转到某一帧操作。 打开一个新的浏览器窗口，在其中显示所指定的内容，网页设计者可指定该新窗口尺寸、是否可调节大小、是否有菜单等属性。 在网页中包含了各种各样的图像，有些图像在网页被浏览器下载的时候不能被同时下载，要显示这些图片就需要再次发出下载指令，这样会影响浏览者的浏览。这时可使用“预先载入图像”行为先将这些图片载入到浏览器的缓

11、存中，避免出现延迟。 1.格式:滚动内容2.marquee标志配合使用的属性(1) loop=n: 设定滚动次数(2) direction: 设定滚动方向 direction=left 向左滚动 direction=right 向右滚动 direction=up 向上滚动 direction=down 向下滚动(3) width: 设定滚动区宽度(4) height: 设定滚动区高度(5) bgcolor: 设定滚动区背景颜色(6) behavior:设定滚动方式behavior=scroll 按指定方向滚动到尽头,重新开始.即内容向同一个方向滚动 behavior=slide 不指定滚动次数时,滚动一次后停止。即内容接触到字幕边框就停止滚动 behavior=alternate 按指定方向来回滚动.即内容在相反两个方向滚来滚去 (7)scrolldelay=n 设置字幕内容滚动时停顿的时间 .值越小滚动看起来越流畅 (8) scrollamount=n 指定滚动的速度,数值越大速度越快(9) onmouseover=st