| Creating Scrolling Buttons Menu in Flash MX 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 vice-a-versa based on movement of mouse pointer. Click here to download the source (.fla) file. Movie Properties 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' Creating Background 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 Creating a Button 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 Creating buttons Menu 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) |