您现在的位置: 像素吧 >> 设计教程 >> Flash教程 >> 正文

实例教程:图片轮播效果

来源:网络 日期:2008-8-5 21:12:44 作者:qinz 查看:
"实例教程:图片轮播效果"这篇Flash教程如果帮助了您,请记得分享给您身边的朋友,如果您有比"实例教程:图片轮播效果"更好的教程请发布共享,帮助别人快乐自己!
  转载请注明作者:刘常(琴者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

相关评论:

发表评论

  • 昵 称:
  • 内 容:
  •  
  • 虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号!