设为首页 | 收藏本站
首页>IT学院>图形图像>正文
Flash制作淡雅动态菜单:蜻蜓飞飞
WWW.DBIT.CN 2006-9-11 8:48:21 热度:
 

菜单效果介绍:芳草青青,上面落着一只小蜻蜓。当你的鼠标移向某个按钮时,蜻蜓就会快速向你飞了过来,并缓缓地停在那里。当你的鼠标移开菜单,蜻蜓就会飞回家去。

首先画一只蜻蜓,共两帧,第一帧翅膀与第二帧翅膀略有不同,形成翅膀抖动的效果,并把它转化为元件。再画上代表首页,作品,日记的图标,并将其链接名命名为home,photo,diary,work,music,并在第一帧导出用遮罩制作光线划过效果。

图层1为作遮罩的广块,图层3为被遮罩的光线。作好后将此效果转为元件,其链接名命名flash,并在第一帧导出

制作按钮在图层1画一白色透明方块,这样方便用户点击按钮,而不至于点空。

在图层2建一动态文本框,命名为txt

现在是制作整个菜单的过程了,如下图所示。

bug层上拖入刚才所画的蜻蜓元件,将其实例名命为bug btn层上拖入五个做好的按钮,一字排开,将其实例名依次命名为home,photo,diary,work,music。

interval层上画一些间隔来分隔这些按钮。

把刚做好的菜单转化为元件,如下图所示。链接名为menu,AS 2.0类为Menu,注意大小写。

这是在FLA文件上的最后一步动作了。回到主场景。如下图:

在bg层上画一些花花草草做背景在line层上画一半透明的白色长条,这只是给菜单起装饰作用。在menu层上拖入刚才做好的Menu元件。一切OK,保存吧。后面就该AS代码出场了。

建一个文本文件,保存为Menu.as,找到上面贴子中有“链接名为menu,AS 2.0类为Menu,注意大小写”这么一句话。对了,必须命名为Menu,这样保持与AS 2.0类为Menu相一致。
下面是文件中的代码
 
/* * author 西西 * date 2006.04 */
class Menu { //按钮的实例名
private var home:MovieClip;
private var photo:MovieClip;
private var diary:MovieClip;
private var work:MovieClip;
private var music:MovieClip;
private var bug:MovieClip;//晴蜓的实例名
private var ballTween:Object;//用来使用Tween类的对像
private var DEPTH_1:Number;
private var TEXTINITCOLOR:Number;
private var TEXTOVERCOLOR:Number;
//构造函数
function Menu() {
TEXTINITCOLOR = 0x707D37;//文字初始颜色
TEXTOVERCOLOR = 0xFFFFFF;//鼠标经过文字的颜色
DEPTH_1 = 1;//深度
showMenuText();//设定按钮边上的文字内容
initBtn();//菜单中所有的功能都在此函数中 };
private function showMenuText():Void {
home.txt.text = "首页";
photo.txt.text = "西西照片";
diary.txt.text = "西西日记";
work.txt.text = "西西作品";
music.txt.text = "我的音乐"; }
private function initBtn():Void {
var ins = this;//为了能在onRollOver等函数中使用全局变量而设
bug._x = home._x;//设定晴蜓的初始位置,让它停在首页的上面
bug.gotoAndStop(1);//设定晴蜓翅膀的初始状态为静止
//将几个按钮的实例放至一数组中,目的为节约代码
var BtnArr:Array = new Array(home,photo,diary,work,music);
for(var i=0;i;//按顺序取出每一个按钮
//当鼠标经过按钮时,蜻蜓开始向着按钮的方向飞,飞到了就停下来。 mc.onRollOver =function() { //当每一按钮在鼠标经过时,设至其文字颜色
ins.setTextColor(this,ins.TEXTOVERCOLOR); //当鼠标经过时加载光线划过效果
this.attachMovie("flash","flash"+2,2);
//将沿未完成的蜻蜓飞行的动作停止 ins.ballTween.stop();
//计算蜻蜓和当前鼠标所指按钮间的距离,目的为下面的实现蜻蜓转向所指按钮方向
var instance:Number = this._x - ins.bug._x;
//如果蜻蜓是面向左,而所指按钮在晴蜓的右面,则使蜻蜓面向右转。

本新闻共2页,当前在第1页  1  2  

 
上一篇:学习Flash ActionScript编程的注意事项
下一篇:PS通道处理增鲜照片画面色彩
打印】【关闭
  相关文章:
·Flash遮罩特效之百叶窗效果·制作Flash网站及Flash应用的技巧
·用Flash 8.0轻松打造精致图标·Flash文件的加密与破解技术详细解
·攻防结合!谈Flash的破解与加密大·Flash初学者入门常见问题八十八问
·Flash基础开发习惯指要·Flash木马是这样练成的
·Flash绘制精致矢量图:斑驳的秋天·用Flash制作一个菜单的实例
·Flash技巧:动态柱状图表制作原理·20个Flash制作漂亮动画的经典问题
·支持PSD导入 Flash 9新特性抢先看·Flash入门应该了解的重要概念
·学习Flash ActionScript编程的注意·网页中插入透明Flash的方法和技巧
☆联姻学院☆

保养电脑的26个窍门
文件夹删除不掉怎么办?
教你如何用手工迅速剿灭QQ广告
“熊猫烧香”病毒的病毒描述和
在Excel中只打印图表以外区域
Excel中只选中包含文本的单元
Windows XP操作系统的几个实用
用XP系统自带网络诊断程序解决
风雨雷电→自然现象动画实战技
Flash遮罩特效之百叶窗效果
十二个Dreamweaver鲜为人知的
如何用 Dreamweaver 批量做we
JavaScript的系统函数学习
Java之父:关于Java我也有遗憾
排除网上邻居使用4大常见麻烦
解除上网限制IP和MAC捆绑的破