Flash如何制作过渡卷动效果精美图库展示动画
读趣百科>科普>科技数码

Flash如何制作过渡卷动效果精美图库展示动画

用Flash打造一个具有卷动过渡效果的精美图库展示动画。效果不错,方法也比较简单,希望大家喜欢。

制作方法:

首先新建立Flash文档,然后修改文档属性:

我们制作的这个图库,大家通过演示可以看到单击小图,可以动态显示大图,所以我们事先要做一些工作。准备一些大小相同的图片8张,并且分别制作相应的缩略图8张,大图导入Flash中分别转换为影片剪辑元件,小缩略图导入Flash后转变为影片剪辑元件,都放到库里面,留着我们来使用。

这里我们制作一个main主影片剪辑,然后在里面制作一个背景: 

然后再新建立一个层,把缩略图都按顺序摆放整齐,实例名分别是thumb0、thumb1、thumb2、thumb3、thumb4、thumb5、thumb6、thumb7:

当把大图导入Flash时,按F8转变为影片剪辑元件,标示符分别是image0、image1、image2、image3、image4、image5、image6、image7。设置如下:

然后再建立一个层,输入下面代码:

复制代码

代码如下:

this.createEmptyMovieClip("images", 100);

this.attachMovie("mask", "mask", 101);

mask._x = images._x =-68;

mask._y = target = -150;

images._y = -1000;

images.setMask(mask);

speed = 5;

for (var i = 0; i<8; i++) {

var img = images.attachMovie("image"+i, "image"+i, i);

img._y = img._height*i;

var thumb = this["thumb"+i];

thumb._alpha = 60;

thumb.pos = target+(i*-img._height);

thumb.onPress = function() {

target = this.pos;

};

thumb.onRollOver = function() {

this._alpha = 100;

};

thumb.onRollOut = function() {

this._alpha = 60;

};

}

this.onEnterFrame = function() {

images._y += (target-images._y)/speed;

};

最新科技数码科普

新浪微博怎么开启夜间模式

新浪微博怎么开启夜间模式如果是微博控的话,应该深夜里躺在床上刷微博吧,这是一天最开心的时候了。但如果还是个学生党的话,深夜里舍友都已准备入睡,而手机的亮光会影...
展开详情

血源诅咒玷污金杯怎么获得 血源诅咒玷污金杯获得方法

血源诅咒游戏中的圣杯迷宫中的玷污金杯要如何获得呢?这个的难点在哪儿呢? 玷污金杯之所以困难是因为强制降低你一半的HP血量,第一个BOSS还好,到了第二个BOSS...
展开详情

如何利用excel vba编程在窗体上画手提电脑

利用excel vba编程,在窗体上画手提电脑,方法并不是很难,所以有兴趣的朋友可以参考本文,希望大家喜欢!步骤打开excel,进入Visual Basic编...
展开详情

一匹变频空调制热一小时用多少度电 一匹空调制热耗电吗

我们选择 空调 的时候,不仅会对品牌,功率,品质,售后等有要求,也对耗电量非常关心。理论上,空调的1匹,说的是空调的制冷量大概为俩千大卡,由此可见,一般情...
展开详情

excel表格打印预览显示页面显示不全怎么办

excel表格的基本操作之打印预览显示不全。导致打印预览显示不全的因素有很多,下面就一起分析excel打印预览显示不全的原因。1、excel表格列数过多导致打...
展开详情

cad怎么绘制点?cad使用point命令方法

cad是很多行业都会用到的软件,它的命令和功能很多很强大,对于不熟悉的人来说刚开始掌握可能不太容易,那么用cad怎么绘制点呢?下面给大家分享下。1、首先我们打...
展开详情

Excel2016一个单元格如何分成两行?Excel2016单元格分行教程

Excel2016中在一个单元格中怎么使文字分成两行?Excel2016中,有的时候工作需要,要把文件分成两行。那么,在Excel2016中怎么使文字分成两行...
展开详情

exwinner安装后还是普通excel怎么办

exwinner安装完没有exwinner选项卡,启动后只是普通excel。下面给大家介绍一下,遇到上述问题该如何处理。ExWinner成套报价软件安装/或升...
展开详情
热门推荐

百度云盘停止服务是真的吗

很多朋友都在关注百度云盘停止服务是不是真的,自某云盘宣布停止个人服务后,日前又有谣言称百度云盘即将关闭个人服务,究竟是不是真的呢?赶紧来详细了解一下吧。百度云...
展开详情

CAD中多重引线看不到箭头怎么办

常常遇到画图使用“引线”,可是有些图引线有箭头,而有些图怎么画都看不到箭头,而且不论怎么放大缩小都看不到箭头,就算选中箭头并在特性中更改,但是依然无济于事,经...
展开详情

cad怎么建立异形视口图层?cad建立异形视口图层方法

CAD图纸利用布局可以将我们需要的模型里面东西显示出来,模型其余部分不显示,这样可以在视口中调正所要显示的文件,为了清晰显示,肯定是显示的图纸越大越好。遇到不...
展开详情

CAD如何绘制圆形?CAD多段线画圆方法

CAD作图中经常用到圆形,但是直接画出来的圆形不能改变其宽度,本案例介绍的方法为用多段线做圆。1、打开CAD,并画一个自己所需大小的圆。2、使用多段线命令,选...
展开详情

cad栅格如何使用

刚打开CAD,CAD会新建一张空图,在图中就可以看到一些等距排列的点或线,这就是栅格。在低版本CAD中,默认使用的是栅格点,在高版本的CAD中通常显示的是栅格...
展开详情