FLAS H导航菜单
制作简单实用的FLASH导航菜单
相信大家都对现在的flash&searchtype=1' target=_blank>FLASH导航情有独钟,但是对一些的F LAS H特效望尘莫及我就是其中一位 特别是复杂的AS动作脚本。不过通过自己的学习发现一些很难理解的程序可以通过简单的AS动作脚本表现出同样的效果,今天我就来讲一个例子,可以让一些和我一样的F LAS H的初学者懂基础AS动作脚本程序的FLASHER 希望大家有所体会有所收获在下献丑了-_-
预览
先来说说知名的《闪客帝国》的导航栏
这种效果的导航栏在国内国外的例子很多的很实用只不过他们表现的形式不一样罢了比如一些是子菜单是横向出现的http://www.flashemprie.com一些是向下笔直出现的http://www.desig nnet.co.kr/. . .不一一举例了。
1 .分析他的动作原理a.当的鼠标点击菜单栏的其中一个栏目时比如资讯中心 如图一 相应的[资讯中心栏目]的子菜单出现效果,(以《闪客帝国》为例就是子栏目频道首页业界动漫帝国活动杂谈)向下运动,出现一些可以点击进入相应栏目的按扭。
b.当的鼠标点击菜单栏的另一个栏目时比如闪客帝国 (见图二),[资讯中心栏目]的子栏目消失相应的[闪客帝国栏目]的子菜单出现效果知道了他的原理就可一大家大胆的去尝试各种方法!
2.动手制作(我知道有时候动手很难:)a.做好你要的菜单栏,和相应的子菜单(由于主要是讲将程序简单化其他的细节就不多说了 )
FLAS H导航菜单
b.选择其中一个栏目[比如公司介绍],把他相应的子菜单拖入主场景,定义子菜单的实例名称为b(见图三);再选择其中一个栏目[比如医学],把他相应的子菜单拖入主场景,定义子菜单实例名称为c(见图四),其他栏目一样的做法
c.点击一个栏目[比如公司介绍],打开他的动作面版输入以下代码不要想到代码就闪,坚持看下去,代码很简单的 见图5
FLAS H导航菜单
on (rol lOver) { //当鼠标放上去的时候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帧}
FLAS H导航菜单
on (press) { //当鼠标点击的时候getURL(". ./intro.asp", "_self");//连接相应的网页.并在同一窗口打开
}
再来分析一下上面的程序(是不是很简单啊:)
当我们点击一个栏目的时候,和他对应的子栏目开始运动,其他的子栏目全都停在第1帧(用心体会这是关键所在-_-!)。如果你这里搞懂了,就可以举一反三做出很多其他效果的菜单栏了但是只换汤不换药 d.其他栏目输入的程序都一样,就是对应的子栏目的实例名称为改一下哦!
3.补充
至此一个简单实用的菜单就做好了可是你会发现这个菜单还存在着一个缺陷当鼠标点击某一个主菜单出现相应的子菜单可是鼠标离开菜单之后子菜单不能随之自动消失虽然是个细节但总让人觉得不够完美下面我们就用一个相对巧妙却简单的方法来解决这个问题。
1 首先在原来的导航栏中在主菜单和子菜单以外用一个隐形按钮填充。注意隐形按钮只要在点击区做一块相应的图形,图形要以导航栏的形状不同改变的。如下图
2在主场景上新建一层在第5帧按F6插入空白关键帧拖入刚才做好的隐形按钮然后给按钮增加如下AS代码
FLAS H导航菜单
on (rollOver) {a.gotoAndStop(1) ;b.gotoAndStop(1) ;c.gotoAndStop(1) ;d.gotoAndStop(1) ;e.gotoAndStop(1) ;f.gotoAndStop(1) ;
}
于是实现当鼠标离开菜单或者说当鼠标旋停在隐形按钮上时子菜单随之消失。如下图
FLAS H导航菜单
3.总结一下
其实很多的程序都通过简单语句编的,这样做简单、易懂不是吗? 但是适合相我这样的初级用户吧-_-! 关于这类FLASH的制作我之前也问过很都的高手,但是他们给我的都是很复杂的代码我真看不下哦人不可能一步登天的很多东西都要慢慢学的,希望这个教程对你们有点点帮助和启发吧http://flash.91.c om/UpFlash/16/63221688268171875024.sw f
星梦云怎么样?星梦云资质齐全,IDC/ISP均有,从星梦云这边租的服务器均可以备案,属于一手资源,高防机柜、大带宽、高防IP业务,一手整C IP段,四川电信,星梦云专注四川高防服务器,成都服务器,雅安服务器。星梦云目前夏日云服务器促销,四川100G高防4H4G10M月付仅60元;西南高防月付特价活动,续费同价,买到就是赚到!点击进入:星梦云官方网站地址1、成都电信年中活动机(成都电信优化线路,封锁...
RFCHOST,这个服务商我们可能有一些朋友知道的。不要看官网是英文就以为是老外服务商,实际上这个服务商公司在上海。我们实际上看到的很多商家,有的是繁体,有的是英文,实际上很多都是我们国人朋友做的,有的甚至还做好几个品牌域名,实际上都是一个公司。对于RFCHOST商家还是第一次分享他们家的信息,公司成立大约2015年左右。目前RFCHOST洛杉矶机房VPS正进行优惠促销,采用CN2优化线路,电信双...
火数云怎么样?火数云主要提供数据中心基础服务、互联网业务解决方案,及专属服务器租用、云服务器、专属服务器托管、带宽租用等产品和服务。火数云提供洛阳、新乡、安徽、香港、美国等地骨干级机房优质资源,包括BGP国际多线网络,CN2点对点直连带宽以及国际顶尖品牌硬件。专注为个人开发者用户,中小型,大型企业用户提供一站式核心网络云端服务部署,促使用户云端部署化简为零,轻松快捷运用云计算!多年云计算领域服务经...