论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

FLASH网站导航—程序简单化

文章类别:Flash | 发表日期:2008-9-21 20:06:23

  相信大家都对现在的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.总结一下

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

呵呵!最后有问题到52DESIGN论坛找=====乐天=====吧! 最后再附上源文件
点击浏览该文件


视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058