手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网页制作>Flash>列表

FLASH制作一个能够伸缩的导航条

来源:互联网 作者:west263.com 时间:2008-04-02
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!

  制作过程使用FLASHMX中文版,效果如下:

  

  

  


  由于时间比较紧;我作的比较粗糙;请大家谅解;本教程只是希望能给大家一个思路;细节方面自已有时间时再作吧;以

  下是制作过程:

  一、新建一个大小为:200*200Px;帧频:45;背景色:#FFFFFF;的影片;

  二、首先我们来制作四个导航条;由于时间关系;我只作一个;然后复制;因为作法都相同;

  步骤A:新建一影片剪辑;起名字为“zishu1”;在这个剪辑中共建四个图层;从下到下名字分别为;AS、BT、NAV、MC

  

  AS层:用来放这个剪辑中任何的AS;

  第1帧的AS为:

  

stop();

  第20帧的AS为:

  

_root.move.gotoAndStop(1);

  stop ();

  第21帧加入一个标签:close

  BT层:第一帧为一个按钮;按钮上的AS代码为:

  

on (press) {

  gotoAndPlay (2);

  _root.lastzishu = _root.currentzishu;

  _root.currentzishu = this._name;

  _root[_root.lastzishu].gotoAndPlay("close");

  _root.move.gotoAndStop(2);

  }

  第二帧为一个灰色的方块;们置和第一帧相同;上边无AS;

  NAV层:只在第20帧加两个按钮;就是“FLASH文章”“WEB文章”;上边加入将来的网页链接地址;

  MC层:是个灰色从高度1px渐变到45PX;又从45PX到1PX的一个过程;第1帧和最后一帧为1PX高;第20帧为45PX高;中间加渐变过程;

  三、回到场景;新建三个图层;从上到下分别为:as\nav2\move

  四、去库中将刚刚制作好的zishu拖到nav2图层中;拖4个;实例名称分别设为:zishu1zishu2zishu3zishu4

  

  五、在AS图层的第1帧加入如下代码:

  

stop();

  _root.zishus = 4;

  _root.gap = 1;

  六、下面我们进行最重要的最后一步;

  A.新建一影片剪辑“move”;在第一帧加入如下代码;

  

Stop();

  B.第二帧加入

  

Stop();

  同时在这帧上再先建一个影片剪辑MOVE2;

  

  C.在MOVE2的第一帧加入如

  

Stop();

  D.回到影片剪辑“move”第二帧;这里上面有一个MOVE2;我们在这个上面加入如下代码:

  

onClipEvent (enterFrame) {

  for (i=1; i<_root.zishus 1; i ) {

   _root["zishu" add i]._y = _root["zishu" add (i-1)]._y (_root["zishu" add

  (i-1)]._height) _root.gap;

  }

  }

  E.我们再回到主场影;将库中的move拖到move图层中;将名例如设为:move;并在上边加入如下代码:

  

onClipEvent (load) {

  for (i=1; i<_root.zishus 1; i ) {

   _root["zishu" add i]._y = _root["zishu" add (i-1)]._y (_root["zishu" add

  (i-1)]._height) _root.gap;

   _root["zishu" add i]._x =100;

  }

  }

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!