设计教室
设计欣赏|图形图像|媒体动画|机械电子|CI设计|设计文献|PhotoShop|Corel3Dmax|Flash|AutoCad|设计视频
首页 > 设计教室 > 媒体动画 > Flash专区 > Flash制作技巧 > 正文

全Flash动画网站的实现详细教程

2008-03-08 源自:经典论坛 网友评论 0 进入视频教程

四:flash全站的页面切换

在传统的html站里,我们通过点击超链接来打开另外的一个html,在flash站里,我们当然也可以打开另外一个html页面,但是缺少了动画的翻页就失去了动态效果,所以,在flash全站里,通常都会有比较动感的动画部分来衔接两个页面,也就是说点击链接后,运行一个动画,然后动画完毕后,新的页面也呈现出来了。
这里有个示例网站http://www.platina-design.com,这是我刚学flash早期的一个主页,一直还没空完成。

在实现这样的效果,我们有非常多的办法,这里我比较常用的是这一种,结构是这样的,很简单


如图可以看到,翻页动画层在页面内容层之上,最上方是脚本层,把脚本写在最上方的层里,是比较好的做法,在网站进入后,开始播放页面的mc,这mc的第一帧也就是上图中的第一帧,根据需要,我们可以写上一个stop(),页面内容被播放,当首页上的导航按钮点击后,导航按钮内安排了脚本:pages.gotoAndPlay("start"),这时候,从第二帧开始的翻页动画mc开始播放,当播放到开始露出下面页面的时候,在时间轴上的相应帧上安排脚本:page.gotoAndPlay(_root.a)这里的_root.a是按钮点击时候被赋值的,也就是说,如果我点了按扭2.那么这时候,页面就切换到第二帧,点击3播放page的第三帧。最后停止,不要忘记写stop()在时间轴的最后,



如图所示页面的部分做成一个大mc,里面每一个页面做成一个mc放在一帧内,这样就对应了每个导航按钮的点击。在每个页面mc切换前,播放了翻页动画,在翻页动画过程中进行了换帧,于是,我们的目的就达到了。
这个功能实现的方法是很简单的,但是基础的方法是比较通用的,我们在查阅很多国外的flash全站源文件的时候,都会发现类似的方式,通过换帧来达到换页的方法,也是flash全站的一个比较通常的方法,当然还有其他的办法来实现,但是这个基本的方法还是值得新手朋友们掌握的。 iT粉丝网

上一篇: Flash Web结构之数据显示层
下一篇:Flash广告点击率的深入研究

评论  点击查看
 
设计频道推荐
设计热点文章