网页制作-九.行为(特效、Javascript).pptVIP

九.行为（特效、Javascript） 九.行为（特效） 第9章 创建和使用AP元素 第14章 生成动态效果 第16章 添加Spry构件和行为效果 九.行为 网上各种纷繁多样的动态交互式网页效果非常吸引， 而这些交互效果很多都需要具有Javascript知识。在 DW中，内置了强大的行为面板。使用DW行为，普通的 网页设计者也可以做出复杂的动态网页。 行为是指在网页中进行的一系列动作，通过这些动 作，可以实现用户同网页的交互，也可以通过动作使某个任务被执行。 脚本语言Javascript（JS），有些网页制作者会把js代码写在一个文件进行调用，后缀名为“.js” （一）行为 行为由事件Event和动作Action两个基本元素组成。通 过事件的响应进而执行对应的动作。 ① 通常，动作是一段Javascript代码，利用这些代码可以完成相应的任务。例如打开浏览器、播放声音等。 ②事件则是由浏览器所定义，它可以被附加到各种页面元素上，也可以被附加到HTML标记中，并且一个事件总是针对页面元素或标记而言的。例如onMouseOver，onMouseOut等，它们在大多数浏览器中和链接相关联，而onLoad则是和图像以及文档正文相关联的事件。 （一）行为 1.认识行为面板 “窗口”－“行为”把行为面板调出来 2.为对象附加行为 在DW中，可以将行为附加给整个文档、链接、图像、 表单元素或其他任何HTML元素，并由浏览器决定哪些 元素可以接受行为，哪些元素不能接受行为。在为对 象附加动作时，可以一次为每个事件关联多个动作， 并按照行为面板的动作列表中的顺序执行动作。 （一）行为 通常在DW中创建一个行为的步骤： 1）选择一个特定的元素，如文本链接或一个图片等 等。行为将被附加到此特定的元素上。 2）点击行为面板上的添加按钮（＋），打开可选动作 菜单列表。 3）在菜单选择“显示事件”，在里面选择希望兼容的浏 览器，如可以选择IE5.0、IE5.5等。 九.行为 4）选择好“显示事件”后，在刚才的动作列表菜单中选 择希望执行的动作。当选择动作后，将弹出一个参 数对话框，设置好参数。（这里简单任选一动作） 注意：不同版本的浏览器，支持的事件也是不同的。 在刚才下拉列表的“显示事件”中选择希望兼容的浏览 器，这样到时显示出来的事件也会不一样。 5）这时在行为面板中将显示添加的事件和对应的动作 6) 如果该事件不是希望的事件，可单击事件列表中的 箭头，选择其它事件。 （一）行为 注意问题： 留意面板上面的“标签”的变化，特别注意文本的变化 为文本附加行为： 在DW中，不能为纯文本附加行为。但是可以为链接文本附加行为。因此，要给纯文本附加行为，可以先给文本添加一个空链接（＃）。 （一）行为 3.行为实例 弹出提示信息 打开浏览器窗口 跳转菜单：前面已经讲述 设置文本 设置效果（增大/收缩、挤压、晃动、高亮颜色等） 重点是这部分，在行为第三部分内容讲述 （二）AP元素 层是一种HTML内容的容器，通常由DIV及SPAN标记说 明。层可定位在页面上的任意位置，并且其中可包含 文本、图像、表单等所有可直接用于文档的元素。 层的定位和显示跟不同浏览器有关，需精确定位。 AP是绝对定位（absolute）的div，所以容易出问题…除了简单的层动画，尽量少用AP。而是使用普通的DIV实现效果。 1.创建和使用AP层 （1）创建层和嵌套层 “查看”菜单－“可视化助理”－“层边框（AP元素轮廓线）” 创建层：“插入栏”－“布局”－“绘制AP DIV” 或通过“插入”菜单－“布局对象”－“AP DIV” 嵌套层： 鼠标插入点放置在要创建嵌套层的层中， 然后通过“插入”菜单－“布局对象”－“AP DIV”； 或按住ALT键在层中直接绘制嵌套 1.创建和使用AP层 （2）显示层面板（AP元素面板） 选项设置： 显示或隐藏：如果前面什么都没有的话，则该层的可见性继承其父层的显示属性（默认） 在层名处双击可修改层名 在Z列单击可修改层的层次属性值，数值大的位于上层。单击可以修改层次。也可以选定一个层，把层直接拖到想要的层次也可以。 “防止重叠” ：有嵌套层时应选定 1.创建和使用AP层 （3）选择层和激活层 选择层： 要对层进行移动，调整大小等就要先选择层， 选择层才能对层进行操作。 ①要选择层的话，可以在层面板里面选择， 或点击层边框，或点击层标记等 ②选中后，可以直接移动或调整层的大小了。 ③选择多个时，shift键。 ④要对齐层，多个选定之后通过“修改”菜单－“排列顺序” －“对齐”。 1.创建和使用AP层 激活层： 要把对象插入层中，首先要激活层。 ① 把光标移动到层