How to create flash Animated Web Navigation?

1 ANSWERS

1. Guest21492274
   

   Open Flash and click "File," "New" and then click "Flash File (ActionScript 3.0)" from the pullout menu. Click on the Rectangle tool from the toolbar, and while holding down your mouse, drag across the stage to draw a rectangle. Click on the Text tool and type "Play" on top of the rectangleClick on both the rectangle and the "Play" text to highlight them. From the main menu, click "Modify," then click "Convert to New Symbol" from the pull-out menu. Click on the "Button" radial box and type in "playMC" for the name. Click "Window" from the main menu and then click "Properties" and then "Properties" again from the pull-out menu. With your background and text still highlighted, type in "home_btn" in the Instance Name field in the Property panel. Click "Insert Layer" at the bottom of the time line, and name it "buttons." Click on the Text tool on the toolbar. In the Properties panel, click on "Static Text." Type your navigation headings, such as "Home," "About" and "Contact." Right-click "Home" and then click "Convert to Symbol" from the pull-out menu. Name it "Home," click on "Button" for the symbol type and then, on the bottom Registration row, click on the middle check box. Click "OK." Type in "home_btn" for an instance name on the Properties pane. Repeat this process for all of your navigation headings. Give each an unique instant name like "contact_btn." Click "Insert Layer" at the bottom of the timeline, and name it "animate." Click on the Oval tool from the toolbar and draw a ball on the stage by holding your mouse down and dragging. Place your ball below the "Home" button. Right-click on the ball and then click "Convert to Symbol" from the pull-out menu, name it "ball_mc" and click on "Movie Clip" for the symbol type. Click "OK." Click "Insert Layer" at the bottom of the time line, and name it "AS3." Right-click on frame 1 of your Action layer and then click "Action" from the pull-out menu. Type in the following code: import fl.transitions.Tween; import fl.transitions.easing.*; /*Change btn names as needed*/ var buttonsArr:Array=new Array(home_btn,contact_btn); var linkArr:Array = new Array(); /*Change navigation address here*/ linkArr.push("http://www.google.com/"); linkArr.push("http://www.yahoo.com.html"); for (var i:uint = 0; i < buttonsArr.length; i++) { buttonsArr[i].addEventListener(MouseEvent.ROLL_OVER, moveFollow); buttonsArr[i].addEventListener(MouseEvent.CLICK, clickURL); } function moveFollow(event:MouseEvent):void { new Tween(ball_mc,"x",Strong.easeOut,ball_mc.x,event.currentTarget.x, 1,true); } function clickURL(event:MouseEvent):void {for(var j:uint =0;j < linkArr.length; j++){ if(event.currentTarget == buttonsArr[j]){ navigateToURL(new URLRequest(linkArr[j])); } } }

   Report (0) (0)  |   1 year, 7 month(s) ago