网页制作案例教程-清华大学-第9章-使用CSS布局规划网页.pptVIP

（2）绘制AP Div的步骤： 1）将光标放在文档插入点，在“布局”面板中单击“绘制AP Div”按钮。 2）在文档窗口中拖动画出AP Div元素，按住Ctrl可画多个AP Div元素。也可以通过复制、粘贴，快速制作出多个类似的AP Div元素。 3）每个AP Div元素中添加相应的文字和图片。 4）为元素命名并调整好各元素的位置，可以通过菜单“修改”|“排列顺序”命名操作。 （3）与时间轴结合的动画效果 1）添加AP Div元素，并加入相应的图片或文字。 2）通过“窗口”菜单，调出时间轴。 3）把刚添加的AP Div元素拖动到时间轴上。 4）右击时间轴，选择“记录AP元素的路径”命令，拖动AP Div元素在屏幕中移动。 5）选中时间轴上的“自动播放”和“循环”按钮，查看效果。 （4）与行为结合的交互效果 AP Div元素属性的一个重要功能就是显示/隐藏功能，与“行为”中显示/隐藏元素结合并利用光标的OnMouseOver和OnMouseOut事件制作出交互效果。 实现的步骤如下： 1）插入四个AP Div元素并命名，在其中加入对应的四张大图片。 2）同时选中新加入的四元素和“kuang”元素，通过修改菜单调整它们的位置相同。 3）在AP元素面板中把“kuang”元素拖到四元素的上面，达到挡板的作用。 4）设置AP Div元素的可见性让四个大图片先隐藏。 5）通过菜单“窗口”—“