分享
 
 
 

制作简单实用的FLASH导航菜单

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

相信大家都对现在的FLASH导航情有独钟,但是对一些的FLASH特效望尘莫及(我就是其中一位:),特别是复杂的AS动作脚本。不过,通过自己的学习发现,一些很难理解的程序可以通过简单的AS动作脚本表现出同样的效果,今天我就来讲一个例子,可以让一些和我一样的FLASH的初学者(懂基础AS动作脚本程序的FLASHER)!希望大家有所体会,有所收获。

预览:

先来说说知名的《闪客帝国》的导航栏:

这种效果的导航栏在国内国外的例子很多的,很实用!只不过他们表现的形式不一样罢了,比如一些是子菜单是横向出现的http://www.flashemprie.com,一些是向下笔直出现的http://www.designnet.co.kr/...不一一举例了。

1.分析他的动作原理

a.当的鼠标点击菜单栏的其中一个栏目时(比如资讯中心)(如图一),相应的[资讯中心栏目]的子菜单出现效果,(以《闪客帝国》为例,就是子栏目(频道首页 业界 动漫 帝国 活动 杂谈)向下运动,出现一些可以点击进入相应栏目的按扭。

b.当的鼠标点击菜单栏的另一个栏目时(比如闪客帝国)(见图二),[资讯中心栏目]的子栏目消失,相应的[闪客帝国栏目]的子菜单出现效果.知道了他的原理就可一大家大胆的去尝试各种方法!

2.动手制作(我知道有时候动手很难:)

a.做好你要的菜单栏,和相应的子菜单(由于主要是讲将程序简单化,其他的细节就不多说了!)

b.选择其中一个栏目[比如公司介绍],把他相应的子菜单拖入主场景,定义子菜单的实例名称为b(见图三);再选择其中一个栏目[比如医学],把他相应的子菜单拖入主场景,定义子菜单实例名称为c(见图四),其他栏目一样的做法!

c.点击一个栏目[比如公司介绍],打开他的动作面版输入以下代码(不要想到代码就闪,坚持看下去,代码很简单的:)(见图5)

on (rollOver) { //当鼠标放上去的时候

b.gotoAndPlay(2);//场景中实例名称为b的影片剪辑开始从第2帧运动

a.gotoAndStop(1);//场景中实例名称为a的影片剪辑停在第1帧

c.gotoAndStop(1);//场景中实例名称为c的影片剪辑停在第1帧

d.gotoAndStop(1);//场景中实例名称为d的影片剪辑停在第1帧

e.gotoAndStop(1);//场景中实例名称为e的影片剪辑停在第1帧

f.gotoAndStop(1);//场景中实例名称为f的影片剪辑停在第1帧

}

on (press) { //当鼠标点击的时候

getURL("../intro.asp", "_self");//连接相应的网页.并在同一窗口打开

}

再来分析一下上面的程序(是不是很简单啊:)

当我们点击一个栏目的时候,和他对应的子栏目开始运动,其他的子栏目全都停在第1帧(用心体会这是关键所在-_-!)。如果你这里搞懂了,就可以举一反三做出很多其他效果的菜单栏了(但是只换汤不换药)!

d.其他栏目输入的程序都一样,就是对应的子栏目的实例名称为改一下哦!

3.补充

至此,一个简单实用的菜单就做好了,可是,你会发现,这个菜单还存在着一个缺陷:当鼠标点击某一个主菜单,出现相应的子菜单,可是鼠标离开菜单之后,子菜单不能随之自动消失,虽然是个细节,但总让人觉得不够完美,下面我们就用一个相对巧妙却简单的方法来解决这个问题。

(1)首先在原来的导航栏中,在主菜单和子菜单以外用一个隐形按钮填充。注意隐形按钮只要在点击区做一块相应的图形,图形要以导航栏的形状不同改变的。如下图

(2)在主场景上新建一层,在第5帧按F6插入空白关键帧,拖入刚才做好的隐形按钮,然后给按钮增加如下AS代码:

on (rollOver) {

a.gotoAndStop(1);

b.gotoAndStop(1);

c.gotoAndStop(1);

d.gotoAndStop(1);

e.gotoAndStop(1);

f.gotoAndStop(1);

}

于是实现当鼠标离开菜单(或者说当鼠标旋停在隐形按钮上)时,子菜单随之消失。如下图

3.总结一下

其实很多的程序都通过简单语句编的,这样做简单、易懂不是吗?(但是适合相我这样的初级用户吧-_-!)关于这类FLASH的制作我之前也问过很都的高手,但是他们给我的都是很复杂的代码我真看不下哦!人不可能一步登天的!很多东西都要慢慢学的,希望这个教程对你们有点点帮助和启发吧!(说到这了,不会有朋友什么都没看懂吧!)

源文件下载

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有