第9章 AP元素和时间轴在网页中的应用.pptVIP

* * 本章介绍的主要内容有： AP元素 时间轴 AP元素动画 第9章 AP元素和时间轴在网页中的应用 9.1 AP元素在网页中的应用 AP元素（绝对定位元素）是分配有绝对位置的HTML页面元素。AP 元素可以包含文本、图像或其它任何可放置到HTML文档正文中的内容。AP元素提供了一种在网页上比较自由地进行布局和设计的途径，在进行页面布局时，可以任意调整AP元素的大小、背景、叠放顺序等，如同在绘图软件中作图一样方便。 9.1.1 应用AP Div创建AP元素 1．插入AP 元素 2．为AP元素添加内容 3．AP元素的可见性 4．AP元素的重叠 9.1.2 操作和管理AP元素 1．选择AP元素 2．移动AP元素 3．调整AP元素的大小 4．对齐AP元素 9.1.3 AP元素的属性详解 1．单个AP元素的属性 2．多个AP元素的属性 9.1.4 嵌套AP元素 1．绘制嵌套AP元素的方法 2．插入嵌套AP元素的方法 3．使用【AP元素】面板将现有AP元素 嵌套在另一个AP元素中的方法 9.1.5 AP元素的HTML代码 当在网页中创建一个AP元素时，在代码视图中会生成AP元素代码，AP元素代码包括两部分内容，一个是AP元素的CSS样式代码，另一个是AP元素标签代码。在AP元素标签代码中，id属性的属性值就是AP元素样式名。 9.2 制作AP元素动画 9.2.1 认识“时间轴”面板 1．【时间轴】面板 2．播放选项 9.2.2 利用时间轴和AP元素实现滚动字幕效果 1．创建AP元素 2．将AP元素添加到时间轴 3．添加关键帧 4．设置时间轴参数 9.2.3 具有预览功能的可控制图库页面 1．制作图库页面 2．插入AP元素 3．将图片添加到时间轴 4．给文字添加行为动作 5．给缩略图添加行为动作 9.2.4 仿QQ秀的虚拟试衣室 1．布局页面 2．插入按钮和衣服缩略图片 3．插入原始状态的AP元素及图片 4．插入放置上衣和裤子的AP元素 5．设置第一件上衣（yi1.gif）更换效果 6．设置其他的上衣和裤子的更换效果 7．设置按钮上的效果 9.2.5 可控制滚动方向的图片 1．布局网页 2．插入AP元素 3．插入嵌套的AP元素 4．定义第一个时间轴效果 5．定义第二个时间轴效果 6．给文字添加行为 7．改善动画效果 *