论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

实例教程:图片轮播效果

文章类别:Flash | 发表日期:2008-9-21 20:10:35

  转载请注明作者:刘常(琴者qinz)
[预备]
1、新建文件夹,放几张大图,宽320高240,名为d1.jpg、d2.jpg、d3.jpg、d4.jpg。
2、新建FLASH文件,宽550高400,保存在同文件夹下。
[效果]

[过程]
1、新建影片剪辑,画一透明矩形,宽高均为20,上一层拉一动态文本,实例名为_txt,放到主场景中,实例名为_btn。
2、新建影片剪辑,画一小倒三角形,宽高均为6,放到主场景中,实例名为anzs_mc。
3、画一矩形,宽320高240,转为影片剪辑,在主场景中的实例名为mask_mc,垂直水平中齐于舞台。
4、画一长矩形,宽320高24,与mask_mc底左对齐,作为按钮的背景。
5、在主场景的第一帧写如下代码:
//////////////////创建大图片影片剪辑//////////////////
this.createEmptyMovieClip("dtp_mc", this.getNextHighestDepth());
dtp_mc._x = 0;
dtp_mc._y = 80;
dtp_mc.setMask(mask_mc);
dtp_mc.createEmptyMovieClip("dgdtp_mc", this.getNextHighestDepth());
var image_mcl:MovieClipLoader = new MovieClipLoader();
anzs_mc.swapDepths(dtp_mc);
_btn._visible = 0;
/////////////循环语句///////////
for (i=4; i>0; i--) {
//////////////////载入外部图片及坐标//////////////////
dtp_mc.dgdtp_mc.duplicateMovieClip("tp"+i+"_mc", i);
this.dtp_mc["tp"+i+"_mc"]._x = 320*(i-1)+115;
image_mcl.loadClip("d"+i+".jpg", "dtp_mc.tp"+i+"_mc");
//////////////////按钮的坐标/////////////////
_btn.duplicateMovieClip("_btn"+i, i);
this["_btn"+i]._x = 20*(i-1)+360;
anzs_mc._x = 360;
anzs_mc._y = 300;
this["_btn"+i]._y = 310;
this["_btn"+i]._txt.text = i;
//////////////////按下按钮大图缓冲移入////////////
this["_btn"+i].id = i;
this["_btn"+i].onRelease = function() {
  clearInterval(tzid);
  j = this.id;
  tzid = setInterval(tz, 3000);
  bb = this._x;
  aa = this.id;
  dtp_mc.onEnterFrame = function() {
   dtp_mc._x -= ((aa-1)*320+dtp_mc._x)/4;
   anzs_mc._x -= (anzs_mc._x-bb)/4;
   if (Math.floor(dtp_mc._x) == -(aa-1)*320) {
    delete dtp_mc.onEnterFrame;
   }
  };
};
}
////////////////自动播放/////////////////
j = 1;
function tz() {
j++;
dtp_mc.onEnterFrame = function() {
  if (j == 5) {
   j = 1;
  }
  dtp_mc._x -= ((j-1)*320+dtp_mc._x)/4;
  anzs_mc._x = -dtp_mc._x/16+360;
  if (Math.floor(dtp_mc._x) == -(j-1)*320) {
   delete dtp_mc.onEnterFrame;
  }
};
}
tzid = setInterval(tz, 3000);
[源文件]  图片轮播的广告效果.rar

进入论坛和作者讨论学习:http://space.flash8.net/bbs/thread-358510-1-1.html
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058