|
Dear
Friend,
Hello
& welcome back to Firewire,
your friendly guide to the exciting world of web-design
& web-solutions!
Adjusting
more number of products / buttons on horizontal panel
makes it congested. Using Flash MX Action Script a menu
/ product panel can be created where in products / buttons
scrolls left to right or vise-a-versa based on movement
of mouse pointer.
Click
here to download the source (.fla) file.
|
1.
Create a new movie with Dimensions
of 500px. X 100px. and fps
= 24 with white color as Background
Color
2. Save the
flash file as 'scrollmenu.fla'
1. Select frame
1 on Layer 1 and rename
it as 'Background'
2. With the help of 'Rectangle Tool'
create a rectangle patch as background of the
movie
1. Choose Insert
> New Symbol
2. Create a Button and
name it as 'button1'
3. Choose File
> Import to import a button image. Here we have
imported 'button.gif'
4. Rename the layer as 'Button'
5. Select frame
4 at 'Hit' stage
6. Choose Insert > Frame
7. Choose Insert > Layer
and rename the layer as 'Button Name'
8. With the help of 'Text Tool'
type the button name as 'About Us'
9. Select frame
2 (i.e. 'Over' stage) on Button
Name layer and choose Insert >
Keyframe
10. Select the About Us text on frame 2 and
change the color of the text i.e. make it more darker
to create a mouseover.
11. Similarly, create
buttons for Products, Services, Clients, Portfolio, Contact
Us and name it as button2, button3, button4, button5 and
button6
1.
Come back into Scene 1
2. Choose Insert > Layer to add a new layer
above Background layer and name it as 'Buttons Menu'
3. Choose Window > Library >
button1 (Button)
4. Select and drag the button1 on Buttons
Menu layer
5. Select
button1 and choose Insert >
Convert to Symbol
6. Convert it into a Movie
Clip with Center registration
point selected and name it as 'menu'
7. Double click
the menu movie clip to go inside it
8. Rename the existing layer as 'About Us'
9. Choose Insert > Layer to
add a new layer and name it as 'Products'
10. Choose Window > Library >
button2 (Button)
11. Select and drag the button2 on Products
layer and place it next to About Us button i.e. button1
12. Similarly drag
remaining buttons on different layers and place
them in a line at equal distances. (The distance
between two buttons should be 129.7)
|
