福州软件开发有限公司是一家专业从事软件开发、软件定制、App开发的软件公司。 新闻| 联系我们 咨询热线>>  135-1408-4304 手机端
创建简单的直线时间线动画_福州软件开发定制公司


时间线通过在不同的时间改变层的位置、大小、可见性和叠放顺序等来创建动画。时间线不能直接控制页面中的对象,它控制的是放置这些对象的层,如果要使图像、文本等对象产生动画效果,必须将其置于层中。

下面我们创建一个最简单的时间线动画,以对时间线有一个最基本的了解。

1.设计目标

建立一个做直线运动的时间线动画。
 
2.素材准备

网页中需要用到本地站点image文件夹下的两个图像文件:ing8_1.jpg,img8-2gif.ILLI!说明

为网页添加背景图像的方法如下:按Ctrl+J键,在弹出的"Page Properties"对话框中,单击"Background Image"栏旁的"Browse" 按钮,从弹出的"Select Irmage Source"对话框中,选择image 目录下的img8-1jpg文件,单击"Select'按钮,回到"Page Properties"对话框后,单击"OK"按钮。
 
3.实现步骤

(1) 在页面中添加一个新层,在层中插入图像 ing8-2,gif,然后将层移动到动画的起始位置。
 
(2) 在菜单栏中选择" Window" → "Timelines"命令打开时间线面板(如果时间线面板已打开这一步可省略)。

(3) 选择要创建动画的层。

(4) 单击时间线面板中的弹出菜单按钮上,在弹出的菜单中选择"Add Object (添加对象)"或用鼠标拖动图层到时间线的第一帧处。
 
(5) 当第一次在时间线中添加对象时,会弹出提示框,告诉你可以改变该层 的大小、位置、层顺序以及可见性。单击“OK"按钮,这时在时间 线通道中将出现一个紫色动画条,动画条中 显示了层的名称,如图所示。 


(6) 单击动画条尾部的关键帧位置(注意播放头也跟着移动到该处),将动画层移动到动画结束的位置,这时从动画起始位置到结束位置有一条线显示,这就是层的运动轨迹,如图所示。

(7) 按播放按钮,可直接在网页中预览时间线动画。

(8) 如果想在浏览器中预览动画效果,则应进行以下设置:

① 选中"Autoplay"复选框,否则浏览器中 的动画是不会自动播放的;
②  逃选中"Loop"复选框,否则动画在浏览器中只播放一次;
③ 预览网页,网页保存到软件开发本地站点的example文件夹下,文件名为ex8-1.htm。 



相关文章
登录安全系统_福州软件开发定制公司
避免系统串联_福州软件开发定制公司
如何开展联属网络营销_福州软件开发定制公司
网站用户的需求从哪儿来_福州软件开发定制公司
做好营销型网站的八大步骤_福州软件开发定制公司
新闻动态实现成本领先, 革新技术, 合作发展_福州软件开发定制公司
百度推广网站流程_福州软件开发定制公司
并发用户数需求分析_福州软件开发定制公司
网站集成化管理软件_福州软件开发定制公司
中台是否能解決一切问题_福州软件开发定制公司
如何编写面向受众的网站文档?_福州软件开发定制公司
如何挽救搜索引擎除名的网站?_福州软件开发定制公司
推倒金字塔,平铺成“网”_福州软件开发定制公司
愉悦的交互体验一优化交互体验来营造有利于成交的网站环境_福州软件开发定制公司
怎么制作一个网站的自动化场景?_福州软件开发定制公司
没有什么比口碑更重要_福州软件开发定制公司
运用互联网思维不断提升用户体验_福州软件开发定制公司
域名的选择注意事项_福州软件开发定制公司
如何随即用百度产品做推广网站实现双赢?_福州软件开发定制公司
网站的成功发布:防止耗竭_福州软件开发定制公司


福州软件开发定制公司专注于福州软件定制、福州外包、福州软件开发、管理软件/管理系统开发、微信开发、小程序开发          公司地址:福建省福州市仓山区浦上大道仓山万达广场C3#16F  联系电话:135-1408-4304

ONLINE SERVICES

咨询电话
135-1408-4304
在线客服
QQ咨询
QQ咨询
QQ咨询
服务时间
9:00 - 24:00