制作简单实用的FLASH导航菜单.doc_第1页
制作简单实用的FLASH导航菜单.doc_第2页
制作简单实用的FLASH导航菜单.doc_第3页
制作简单实用的FLASH导航菜单.doc_第4页
制作简单实用的FLASH导航菜单.doc_第5页
已阅读5页,还剩1页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

制作简单实用的FLASH导航菜单相信大家都对现在的flash&searchtype=1 target=_blankFLASH导航情有独钟,但是对一些的FLASH特效望尘莫及(我就是其中一位:),特别是复杂的AS动作脚本。 不过,通过自己的学习发现,一些很难理解的程序可以通过简单的AS动作脚本表现出同样的效果,今天我就来讲一个例子,可以让一些和我一样的FLASH的初学者(懂基础AS动作脚本程序的FLASHER)!希望大家有所体会,有所收获(在下献丑了-_-!) 预览:先来说说知名的闪客帝国的导航栏:这种效果的导航栏在国内国外的例子很多的,很实用!只不过他们表现的形式不一样罢了,比如一些是子菜单是横向出现的,一些是向下笔直出现的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的制作我之前也问过很都的高手,但是他们给我的都是很复杂的代码我真看不下哦!

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论