网页特效以及补充知识.pptVIP

网页动态效果 行为简介 认识“行为”面板 行为的编辑 行为的具体应用实例 行为是Dreamweaver 8中内置的脚本程序。 使用行为能实现用户与网页间的交互，行为由事件和对应的动作组成。 如:当访问者将鼠标光标移动到某幅图像时，该图像会消失并显示另外一幅图像，这就是行为。 其中访问者将鼠标光标移动到图像上时就是一个事件（onMouseOver事件），而触发的动作就是交换图像。 跑马灯---制作流动文字（图片） 导航条制作 交换图像 状态栏 弹出消息 弹出菜单 层动画 MARQUEE标记的格式为： MARQUEE direction=left/right/up/down 流动文字 /MARQUEE Example 参数用法介绍： behavior=scroll, slide, alternate 跑马方式：循环绕行，只跑一次就停住，来回往复运动 direction=left,right,up 跑马方向：从左向右，从右向左loop=100跑马次数：循环100次，如不写默认为一直循环 width=100%,height=200 跑马范围：宽为100%，高为200像素 scrollamount=20 跑马速度：数越大越快 bgcolor=#00FFCC 跑马区域的背景颜色 鼠标经过图像 是一种在浏览器中查看并使用鼠标指针移过它时发生变化的图像。 准备：一对或多对图像用于鼠标经过图像。 创建鼠标经过图像： 主图像（当首次载入页时显示的图像） 次图像（当鼠标指针移过主图像时显示的图像）。 注意：鼠标经过图像中的这两个图像应大小相等； 如果这两个图像大小不同，Dreamweaver 将自动调整第二个图像的大小以匹配第一个图像的属性。 鼠标经过图像自动设置为响应 onMouseOver 事件。有关设置图像以响应不同事件（例如，鼠标单击）或有关编辑鼠标经过图像以显示不同图像的信息 Example 若要创建鼠标经过图像，请执行以下操作： 将插入点放置在要显示鼠标经过图像的位置。 使用以下方法插入鼠标经过图像： 选择“插入”“图像对象”“鼠标经过图像”。 随即显示“插入鼠标经过图像”对话框。 完成对话框。 选择“文件”“在浏览器中预览”，或按 F12 键。 不能在“设计”视图中看到鼠标经过图像的效果。 在浏览器中，将鼠标指针移过原始图像。 显示应切换到鼠标经过图像 交换图像 “交换图像”动作通过更改 img 标签的 src 属性将一个图像和另一个图像进行交换。 使用此动作创建按钮鼠标经过图像和其它图像效果（包括一次交换多个图像）。 注意：应该换入一个与原图像具有相同尺寸（高度和宽度）的图像。 否则，换入的图像显示时会被压缩或扩展，以使其适应原图像的尺寸 Example 鼠标经过图像 交换图像的异同？ 都是 两个图片变化， 但是鼠标经过图片可以 添加 超级链接 导航条由可以由文字、图像、图像组等组成。 导航条通常为在站点上的页面和文件之间移动提供一条简捷的途径。 插入导航条 插入导航条时，须命名导航条项目，并选择要用于它们的图像。 Example 动态导航条项目有四种状态： 一般：用户尚未单击或尚未与此项目交互时所显示的图像。 例如，此种状态的项目看起来未被单击过。 滑过：指鼠标指针滑过“一般”图像时所显示的图像。 项目的外观发生变化（例如变得更亮），以便让用户知道可与这个项目进行交互。 按下：指项目被单击后所显示的图像。 例如，用户单击某项目后，载入一个新的页面，而导航条仍然显示，只是被单击的项目变暗，表示它曾被选择过。 按下时鼠标经过：指在项目被单击后，鼠标指针滑过“按下”图像时，所显示的图像。 例如，项目变淡或变灰。此状态可作为一个给用户的可视提示，告诉他们在站点的这一部分，此项目不能再被单击。 注意：不必包含所有这四种状态的导航条图像； 例如，可以只选用“一般”和“按下”这两种状态。 使用“打开浏览器窗口”动作在一个新的窗口中打开 URL。 可以指定新窗口的属性（包括其大小）、特性（它是否可以调整大小、是否具有菜单栏等）和名称。 例如，可以使用此行为在访问者单击缩略图时在一个单独的窗口中打开一个较大的图像；使用此行为，可以使新窗口与该图像恰好一样大。 如果不指定该窗口的任何属性，在打开时它的大小和属性与打开它的窗口相同。 Example “弹出消息”动作显示一个带有您指定的消息的 JavaScript 警告。因为 JavaScript 警告只有一个按钮（“确定”），所以使用此动作可以提供信息，而不能为用户提供选择。 注意：无法控制 JavaScript 警告的外观，它取决于访问