使用Flash制作图片热点导航示例.pdfVIP

例4-3使用Flash制作热点导航。

使用Flash软件为图2-1所示的添加超，本例中的方法和任务1中例1_2

的方法稍有不同。

图2-1超失效的导航

操作提示：

第1步：打开FlashCS5，新建一个“ActionScription2.0”文档，如图2-2所

示，单击舞台，设置舞台为的尺寸为481*350像素，如图2-3所示。

图2-2选择类型

图2-3设置舞台大小

第2步：单击菜单文件—〉导入—〉导入到舞台，选项应路径中的，如图2-4所示；

将附件中的背景导入到舞台，将背景与舞台左上角对齐，图2-5所示。

图2-4导入舞台图2-5导入到舞台

第3步：在时间轴中，右键图层1，点击图层，选中新的图层，选择矩形绘制工具，设

置边框颜色和填充Alpha值为0，如图2-6所示，在“类资源”上方的上画一个

矩形，绘制时确保绘制了边框，矩形大小和大小一致，双击矩形框确保连连线一起选中

（如果画矩形时画了边线），右击选择“转换为元件”类型选择“按钮”，单击“确定”，如

图2-7所示。

图2-6设置绘制参数

图2-7转换为元件

第4步：双击刚刚创建的元件（即矩形框），进入按钮的编辑状态，完成如下操作（要

注意按以下的操作顺序完成）。（1）鼠标单击“指针…”下方，然后按F6键，创建一个关

键帧；（2）鼠标单击“点击”下方，然后按F6键，创建一个关键帧；（3）鼠标单击“弹

起”，按del键；（4）鼠标单击“指针…”下方，将上方矩形选中，不包括边框，按del

键，删除矩形但留下边框，在属性面板中设置边框粗细为3颜色为蓝色，如图2-8所示。

图2-8设置关键帧动作

第5步：点击舞台上方的“场景1”返回舞台，右击矩形按钮，选择“动作”，编写代

码。

第6步：矩形按钮5次，分别放在其他5张的上方，为6个按钮添加地

址。

第7步：按ctrl+enter键，发布为swf文件，如下图所示，鼠标指向6张的时

候，会出现蓝色的矩形框，单击即可打开相应超如图2-9所示。

图2-9发布为swf文件

第8步：将swf文件上传到大学城空间“我的管理空间”中“资源附件管理”中，然

后在“装扮空间”下方“自定义模块”的“新建Flash模块”，将swf的地址填入框

的第二栏中，第一栏填标题，宽度为481，高度为350像素。点击“保存”，在大学城空

间首页就可以看到刚刚制作的这个导航了。