中国IT资源网 设为首页
加入收藏
网站建设
您当前的位置:中国IT资源网 -> 文章 -> 设计学院 -> Flash -> 文章内容
 Flash制作过渡卷动效果精美图库特效
 用Flash打造一个具有卷动过渡效果的精美图库展示动画。效果不错,希望大家喜欢。

  先看效果:

FlashVars" VALUE="">

  制作方法:

  首先新建立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;
};

  最后我又制作了一个loading。按测试吧!


评论】【打印】【 】【关闭
  Flash 8 制作超酷的阴影图片特效 
  Flash8轻松制作星空飞越动画特效
 
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 在线投稿

中国IT资源网版权所有
Copyright © 2002-2006 Gz235.Com All Rights Reserved
中华人民共和国电信与信息服务业务经营许可证编号 粤ICP备05022918号
本站在线服务QQ:105754049 程序定制:105754049 广告受理/投搞/投诉:105754049
本站所提供的程序均来自于 Internet(下载后首先检测是否有毒),仅供学习使用。因其产生的一切问题本站不负任何责任