使用Flash制作文字热点导航示例.pdfVIP

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

使用Flash软件为图2-10所示的中的文字添加超，本示例中的方法和例2_1

的方法略有不同。

图2-10待添加超的文字

操作提示：

第1步：打开FlashCS5，新建一个“ActionScription2.0”文档，设置舞台为

481*280像素。

第2步：将附件中的背景导入到舞台，将背景与舞台左上角对齐。

第3步：在时间轴中新建一个图层，在“空间装扮”文字上画一个矩形，将文字盖住，

绘制时确保绘制了边框，双击矩形框确保连连线一起选中（如果画矩形时画了边线），右击

选择“转换为元件”类型选择“按钮”，单击“确定”。

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

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

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

起”，按del键；（4）鼠标单击“指针…”下方，将上方矩形以及上、左、右边框选中，

按del键，留下下边框，在属性面板中设置边框粗细为2颜色为蓝色。

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

码。

第6步：矩形按钮5次，分别放在其他5个文字标题上方，右边按钮可使用“任

意变形工具”将其拉宽以适合文字的宽度，为6个按钮添加地址。

第7步：按ctrl+enter键，发布为swf文件，效果如图2-11所示，鼠标指向6个

文字标题的时候，会出现蓝色的下划线，单击即可打开相应超。

图2-11文字热点导航

Example4-4UseFlashtocreatetexthotspotnaviion.

UseFlashsoftwaretoaddstothetextinthepictureshowninFigure2-10.Themethodi

nthisexampleisslightlydifferentfromthemethodinExample2_1.

Figure2-10Texttobeaddedwith

OpraionTips:

et

Sehestageto481*280

tp1:OpenFlashCS5,createanewActionScript2.0document,andsett

pixels.

Step2:Importthebackgroundimageintheattachmenttothestageandalignthebackgroundimagewiththeupperleftcornerofthe

stage.

Step3:Createanewlayerinthetimeline,drawarectangleontheSpaceDecorationtext,coverthe

text,makesurethattheborderisdrawnwhendrawing,double-clicktherectangleboxtoensurethatthe

connectionlinesareselectedtogether(ifedgesaredrawnwhendrawingarectangle),right-clickand

selectConverttoComponenttypeandselectButton,andclickOK.

Step4:Double-clickthecomponentyoujustcreated(i.e.,therectangularbox)toentertheediting

stateofthebuttonandcompletethefollowingoperations(toensurethatitiscompletedinthe

followingorderofoperat