Flash tutorials
Home 3D (2) Actionscripting (65) Animation (100) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (52) Text Effects (38)

Scrollbar

7.8.2006, 20:2    Total views: 60596
Scrollbar is very popular in Flash. In this thoroughly explained, detailed flash lesson, I will show you how to create scrollbar using some flash tricks and action script code.











Example:





Step 1

Create a new Flash Documet, take the Text Tool (T), open the Properties Panel (Ctrl+F3) and set the Dynamic Text.





Step 2


Using drag and drop technique, create a "rectangle" in whic you'll add some text. Look at the picture!



Step 3

Select the drawn "rectangle" open the Properties Panel (Ctrl+F3) and set the options from the picture below!



Step 4

Right click on the created "rectangle" and choose Scrollable.



Step 5

Copy a large text from somewhere and paste it in the created "rectangle" (area for text) or type any text in that "rectangle".



Step 6

Create two buttons in Flash, which will use for text scrolling.



Step 7

Select the "UP" button, open the Action Script Panel (F9) and paste this script:

on (release) {
scrollbar.scroll -= 1;
}

Step 8

Then select the "DOWN" button, open again the Action Script Panel (F9) and paste this script:

on (release) {
scrollbar.scroll += 1;
}

Test your Movie (Ctrl+Enter).

We're done!

Download source file (.fla)
Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 221536

2. Water effect
Total views: 166042

3. Photo slide show
Total views: 153641

4. High-tech city animation
Total views: 151459

5. Special Picture Effect
Total views: 146247

Related links