收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网络教程 >> 动画实例 >> 正文
[组图]制作简单的Flash相册         
制作简单的Flash相册
作者:佚名 文章来源:ZT 点击数:1256 更新时间:2010-12-24 14:50:24

本文适合初学者,涉及到的知识包括:遮罩的运用,简单的ActionScript的写法。欢迎转载本站文章,但是转载必须注明出处,并且保留文章中的所有链接,谢谢支持!

首先,我们新建一个fla文件,导入我们喜欢的图片,将每个图片制作成为MC。如图所示:

用Flash 8 制作简单的Flash相册

MC中的内容均为静态的即可,然后将此MC命名为:photo(n),其中n代表的是1,2,3等数字,例如在示例中就命名为:photo1,photo2...接下来,建立一个放置小图的影片夹,命名为:board,大小与影片的宽度一样,然后将上面创建好的MC拖下来,缩小以后放置到该面板上,如图:

用Flash 8 制作简单的Flash相册

然后,我们再为几个photoMC再创建一个相应大图的MC,命名为:photo(n)_big,这些MC就是用来现实相片大图的,如图所示:

用Flash 8 制作简单的Flash相册

在这个MC里边做出逐渐显示图片的效果,然后保存起来。接下来,就把刚才做好的大图MC拖到主场景第一帧上。打开代码编辑器,写下控制代码:

stop();

iIsFoled = 1;

onEnterFrame = function()

{

if(_ymouse >= thumbboard._y)

iIsFoled = 0;

else

iIsFoled = 1;

if(iIsFoled == 1)

{

if(484 - thumbboard._y > 1)

thumbboard._y = thumbboard._y + (484 - thumbboard._y)/2;

if(thumbboard._alpha > 0)

thumbboard._alpha -= (thumbboard._alpha)/2;

}

if(iIsFoled == 0)

{

if(thumbboard._y - 373 > 1)

thumbboard._y = thumbboard._y - (thumbboard._y - 373)/2;

if(thumbboard._alpha < 100)

thumbboard._alpha += (100 - thumbboard._alpha)/2;

}

}

上面这些代码的作用是控制小图面板的伸展与缩入的。接下来,再为每个小图的MC上面加上热点,热点上也写入控制代码(以第一个小图为例):

on(rollOver)

{

gotoAndPlay(1);

}

on(rollOut)

{

gotoAndPlay(17);

}

on(press)

{

_root.photo2_big_obj.gotoAndStop(1);

_root.photo1_big_obj.gotoAndPlay(2);

_root.photo3_big_obj.gotoAndStop(1);

}

做完了这些,不看预览效果了,直接下载:点击这里下载源文件

本文适合初学者,涉及到的知识包括:遮罩的运用,简单的ActionScript的写法。欢迎转载本站文章,但是转载必须注明出处,并且保留文章中的所有链接,谢谢支持!

首先,我们新建一个fla文件,导入我们喜欢的图片,将每个图片制作成为MC。如图所示:

用Flash 8 制作简单的Flash相册

MC中的内容均为静态的即可,然后将此MC命名为:photo(n),其中n代表的是1,2,3等数字,例如在示例中就命名为:photo1,photo2...接下来,建立一个放置小图的影片夹,命名为:board,大小与影片的宽度一样,然后将上面创建好的MC拖下来,缩小以后放置到该面板上,如图:

用Flash 8 制作简单的Flash相册

然后,我们再为几个photoMC再创建一个相应大图的MC,命名为:photo(n)_big,这些MC就是用来现实相片大图的,如图所示:

用Flash 8 制作简单的Flash相册

在这个MC里边做出逐渐显示图片的效果,然后保存起来。接下来,就把刚才做好的大图MC拖到主场景第一帧上。打开代码编辑器,写下控制代码:

stop();

iIsFoled = 1;

onEnterFrame = function()

{

if(_ymouse >= thumbboard._y)

iIsFoled = 0;

else

iIsFoled = 1;

if(iIsFoled == 1)

{

if(484 - thumbboard._y > 1)

thumbboard._y = thumbboard._y + (484 - thumbboard._y)/2;

if(thumbboard._alpha > 0)

thumbboard._alpha -= (thumbboard._alpha)/2;

}

if(iIsFoled == 0)

{

if(thumbboard._y - 373 > 1)

thumbboard._y = thumbboard._y - (thumbboard._y - 373)/2;

if(thumbboard._alpha < 100)

thumbboard._alpha += (100 - thumbboard._alpha)/2;

}

}

上面这些代码的作用是控制小图面板的伸展与缩入的。接下来,再为每个小图的MC上面加上热点,热点上也写入控制代码(以第一个小图为例):

on(rollOver)

{

gotoAndPlay(1);

}

on(rollOut)

{

gotoAndPlay(17);

}

on(press)

{

_root.photo2_big_obj.gotoAndStop(1);

_root.photo1_big_obj.gotoAndPlay(2);

_root.photo3_big_obj.gotoAndStop(1);

}

做完了这些,不看预览效果了,直接下载:点击这里下载源文件

文章录入:晴天    责任编辑:音乐听听 
  • 上一篇文章:
  • 下一篇文章:
  • 【字体: 】 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    广告招商
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ::发表评论::
     姓 名:
     评 分: 1分 2分 3分 4分 5分
     评论内容:
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用本网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 广告招商
    文章 下载 图片 文字广告
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登陆

    备案/许可证编号: 闽ICP备16020960号-1号 域名创建于2016年8月
    版权: 沐阳乐园 All Rights Reserved 站长:张萍 邮箱:381415887@qq.com 联系QQ:联系站长