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;
};
總結
以上是生活随笔為你收集整理的Flash如何制作过渡卷动效果精美图库展示动画的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: SAP Spartacus B2B Or
- 下一篇: 硬盘上的esp分区和msr分区_win1