用Flash打造一個(gè)具有卷動(dòng)過渡效果的精美圖庫展示動(dòng)畫。效果不錯(cuò)，方法也比較簡單，希望大家喜歡。

　　制作方法：

　　首先新建立Flash文檔，然后修改文檔屬性：　　

　　我們制作的這個(gè)圖庫，大家通過演示可以看到單擊小圖，可以動(dòng)態(tài)顯示大圖，所以我們事先要做一些工作。準(zhǔn)備一些大小相同的圖片8張，并且分別制作相應(yīng)的縮略圖8張，大圖導(dǎo)入Flash中分別轉(zhuǎn)換為影片剪輯元件，小縮略圖導(dǎo)入Flash后轉(zhuǎn)變?yōu)橛捌糨嬙挤诺綆炖锩妫糁覀儊硎褂谩?/p>

　　這里我們制作一個(gè)main主影片剪輯，然后在里面制作一個(gè)背景：　

　　然后再新建立一個(gè)層，把縮略圖都按順序擺放整齊，實(shí)例名分別是thumb0、thumb1、thumb2、thumb3、thumb4、thumb5、thumb6、thumb7：　　

　　當(dāng)把大圖導(dǎo)入Flash時(shí)，按F8轉(zhuǎn)變?yōu)橛捌糨嬙瑯?biāo)示符分別是image0、image1、image2、image3、image4、image5、image6、image7。設(shè)置如下：　　

　　然后再建立一個(gè)層，輸入下面代碼：

　　復(fù)制代碼

　　代碼如下:

　　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;

　　};

總結(jié)

以上是生活随笔為你收集整理的Flash如何制作过渡卷动效果精美图库展示动画的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。