轻松学会：用FLASH制作AS3和AS2简单导航目录教程

在现代网页设计中，导航目录扮演着至关重要的角色，帮助用户轻松浏览网站内容。Adobe Flash（现已更名为Adobe Animate）是一款强大的软件，允许设计师创建交互式的动画和网页元素，包括导航目录。本文将详细介绍如何使用FLASH（Adobe Animate）制作简单的导航目录，涵盖AS3和AS2两种脚本语言。

准备工作

首先，你需要安装Adobe Flash Professional（或Adobe Animate）。创建新文件时，可以选择使用ActionScript 3.0（AS3）或ActionScript 2.0（AS2）。

使用AS3制作导航目录

1. 创建基础结构

1. 新建文档：打开Adobe Flash Professional，选择“文件” > “新建”，选择ActionScript 3.0作为文档类型。

2. 创建按钮元件：使用工具栏中的绘图工具（如矩形工具、椭圆工具等）绘制按钮。每个按钮应被转换为“影片剪辑”元件，以便添加动画和脚本。

3. 图层结构：为每个按钮创建三个图层：代码层、文字层和图形层。代码层放置`stop();`脚本，文字层放置文本（转换为图形元件并添加补间动画），图形层创建形状补间动画（如按钮变色）。

2. 复制和编辑按钮

1. 复制按钮：在舞台上复制你创建的第一个按钮元件两次，分别命名为btn0、btn1、btn2。

2. 修改按钮内容：进入每个按钮元件的编辑模式，修改文字层的内容，使其代表不同的导航选项。

3. 编写脚本

1. 设置实例名：确保每个按钮的实例名分别为btn0、btn1、btn2。

2. 在主时间轴编写代码：

```actionscript

// 按钮数量和索引

var btn_count:int = 3;

var btn_index:int = -1;

// 初始化按钮

function init():void {

for (var i:int = 0; i < btn_count; i) {

this["btn" + i].buttonMode = true; // 鼠标经过时显示小手

this["btn" + i].addEventListener(MouseEvent.CLICK, ClickBtnEvent); // 添加鼠标点击事件

// 点击按钮事件

function ClickBtnEvent(e:MouseEvent):void {

var obj:Object = e.currentTarget; // 获取点击对象

var t:int = int(obj.name.slice(3)); // 获取点击对象的索引值

if (t == btn_index) { // 如果按钮处于被点击状态，则无反应

return;

if (btn_index != -1) { // 如果索引不是-1，即有按钮被点击了，则要重置被点击的按钮

this["btn" + btn_index].addEventListener(Event.ENTER_FRAME, PlayBackEvent);

btn_index = t; // 取得索引值

obj.gotoAndPlay(2); // 被点击按钮做出反应

// 按钮复原

function PlayBackEvent(e:Event):void {

var obj:Object = e.target;

if (obj.currentFrame != 1) {

obj.prevFrame();

} else {

obj.removeEventListener(Event.ENTER_FRAME, PlayBackEvent);

// 初始化按钮

init();

```

使用AS2制作导航目录

1. 创建基础结构

1. 新建文档：打开Adobe Flash Professional，选择“文件” > “新建”，选择ActionScript 2.0作为文档类型。

2. 创建按钮元件：与AS3步骤相同，使用绘图工具绘制按钮，并转换为影片剪辑元件。

3. 图层结构：同样为每个按钮创建代码层、文字层和图形层。

2. 复制和编辑按钮

1. 复制按钮：在舞台上复制第一个按钮元件两次，分别命名为btn0、btn1、btn2。

2. 修改按钮内容：进入每个按钮元件的编辑模式，修改文字层的内容。

3. 编写脚本

1. 设置实例名：确保每个按钮的实例名分别为btn0、btn1、btn2。

2. 在主时间轴编写代码：

```actionscript

// 按钮数量和索引

var btn_count:Number = 3;

var btn_index:Number = -1;

// 初始化按钮

function init() {

for (var i:Number