效果:
今天练练手,写了个简单的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