论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: 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下拉菜单实例

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

  

效果:
/UploadTeach/200706/20070606122343360.swf

今天练练手,写了个简单的Flash 下拉菜单,都只怪俺的美工太差,做得不太好看!但作为新手学习的实例还是非常不错的的!各位新手朋友,可不能错过!!
制作过程:
1、制作四个按钮,分别写上Photo_1、Photo_2、Photo_3、Photo_4。
2、导入四张图片。
3、新建四个影片剪辑,将先前预备的按钮和图片一一拖入到剪辑中,并将的实例名均设为bt,最后将四个剪辑分另拖入到场景的四个层中,并分别命名为ph1,ph2,ph3,ph4。

下面就是代码了,在第一帧里面加入如下代码:

_global.pre = "ph1";//将正在展示的图赋给pre变量
for (i=1; i<5; i++) {//用循环写按钮的事件
 this["ph"+i].bt.onRelease = function() {
  _global.speed = 0;//使初始速度为0
  _global.cur = this._parent._name;//将被点击的图赋给cur变量
  //trace("pre:"+_global.pre);
  //trace("cur:"+_global.cur);
  id_up = setInterval(this._parent._parent, "action_up", 10, _global.pre);//每隔10ms调用一次action_up函数!
 };
}
var action_down = function (cur) {//该函数实现被点击的图片下移!
 _global.speed += 1;//实现缓冲效果
 this[cur]._y += _global.speed;//移动图片
 if (this[cur]._y>=17.4) {//当达到预定位置时停止移动
  this[cur]._y = 17.4;//防止未对齐
  clearInterval(id_down);//清除时钟
  _global.pre = cur;//将正在展示的图记录到pre变量
 }
};
var action_up = function (pre) {//该函数实现被点击的图片上移!
 _global.speed += 1;//实现缓冲效果
 this[pre]._y -= _global.speed;//移动图片
 if (this[pre]._y<=-300) {//当达到预定位置时停止移动
  this[pre]._y = -300;//防止未对齐
  clearInterval(id_up);//清除时钟
  id_down = setInterval(this, "action_down", 10, _global.cur);//每隔10ms调用一次action_down函数!_global.cur传递的参数
  _global.speed = 0;//使初始速度为0
 }
};

按Ctrl+Enter测试!OK!
源文件下载:下拉菜单.rar

上一篇:{实例}进度条控制影片播放 人气:2059
下一篇:{实例}音乐跳动节奏的教程 人气:2919
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058