滑动的导航菜单效果（带源码）

作者佚名技术来源服务器技术浏览发布时间 2012-07-10

看效果先：

点击浏览该文件

首先我的场景是442*300，桢频是：30
然后场景上画个遮照的矩形，转成元件，实例名为：mask
再画5个按钮，分别转成元件，实例名分别为：m1~m5
最后是导入图片了，我的每个图片的尺寸是和遮照的矩形一样大小，440*110 分别转成元件，实例名分别为：pic1~pic5. //以下是所有的代码，放第一针：
var cen_x = 221;//初始化位置
var cen_y = 76;
var p = 1;//初始的变量
var pic_num = 5;//pic总数
var pic_height = 110;//pic的高度
for (i=1; i<=5; i++) {
this["m"+i].temp = i;
this["m"+i]._alpha = 10;
this["pic"+i]._x = cen_x;//初始化按钮和透明度的状态
this["m"+i].onEnterFrame = function() {
if (this.hitTest(_xmouse, _ymouse)) {//接触到按钮就调用透明度变化的方法
p = this.temp;
this.alpha(100, 9);
} else {
this.alpha(30, 9);
}
};
}
function pic_move() {
for (i=1; i<=pic_num; i++) {
this["pic"+i]._y += (-pic_height*(p-1)+cen_y+110*(i-1)-this["pic"+i]._y)/5; //图片移动的方法（不理解，请自己在纸上画画）
}
}
onEnterFrame = pic_move//逐桢执行图片移动的方法 MovieClip.prototype.alpha = function(pos_a, k) {
this._alpha += (pos_a-this._alpha)/k;
};//添加个按钮的透明度变化的方法
//完成。 //最后放上源代码：

点击浏览该文件关键词：菜单导航

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: 防止作品被转载的三种方法下一篇: 检测外部文件的存在

关于滑动的导航菜单效果（带源码）的所有评论

随机推荐