PDA

View Full Version : [TUTOR] Animated Navbar



suisan
22-03-2003, 07:51
The first navigation I will show you does not meet the "smart" standard that I wanted, but this is by far the easiest to create.

1) Create your new flash movie.

2) Make buttons for all the sections of your website.

3) Now, make a bar the same height as your navigation and the width can be as long as you want, I suggest just a little more than needed to cover your largest button.

4) Convert your bar into a movie clip. Name it 'mask'. Make sure you give it that instance name in the main timeline.

5) Go back to your main timeline and set the opacity of the 'highlight' mc to at most 50% and at least 25%.

6) Now go into the actions of your 'highlight' mc and add this to your actions.


onClipEvent (mouseMove) {
_x = _xmouse+_x;
}

7) Now test your movie, and if all went well then you should have something around the lines of this. Just move your mouse over this flash movie

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="450" height="30">
<param name=movie value="http://viet-germany.net/tut/flash/navbar/nav_1.swf">
<param name=quality value=high>
<embed src="http://viet-germany.net/tut/flash/navbar/nav_1.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="450" height="30">
</embed> </object>

:good: B)