vertical scroll

Scrolling Text Scripts

Simply the Best Trainers:

Least Tern - Supporting teachers with technology integration ideas,
integration training,
hardware & software tools training,
and ongoing support.

Simply the Best Resources
Find the finest tech integration resources on the Web in our web pages.

We bring 30 years of teaching experience to the job.

We know laptop classrooms
and computer labs.

We know how challenging technology can be.

We've been there.

We are patient trainers.

But Not Least...
Essays and commentary on current topics in educational technology.

Comprehensive support materials for all of our workshops and seminars.

Reasonable fees.

High academic standards.

Least Tern

Least Tern logo

Find Scrolling Text JavaScript code at these links:

Here is one for a scrolling ticker tape that could contain multiple announcements:
http://stud4.tuwien.ac.at/~e9125168/javas/jticker.html
This one is even better, as it has directions for where to place it in the page. You will need to View-Source on the scroll.txt page (click the link) to get the code.
http://www.richmond.edu/~creamer/web/js/scroll.html
This is another example of placing the announcements in a form on the page rather than in the status bar: http://www.geocities.com./ResearchTriangle/1500/fbanner.html
For multiple announcements, you can copy/paste the function (add a 2 to the name) and create a 2nd form field.
Here is a vertical scroller - it needs to be purchased, but has a free trial:
http://www.news-scroller.com/html-scrolling-text.html
I like this FREE one - you can place images and hyperlinks inside of the text box. In Dreamweaver, you can fine tune the layer location, size, add text, format text, etc. without dealing with the JavaScript in .html view.
http://simplythebest.net/info/dhtmlscript68.html
This is the code used for the scrolling text above. There are excellent directions on the source page. You will find the actual announcement content in this page's .html view. Look for the <div> tags just under the <body> tag.

Trying it in Flash:

To create this file, I created separate text boxes in individual layers for each announcement, staggering the keyframes by 10 frames. I aligned the first frame of each to the top left corner and created another keyframe 20 frames down the timeline. I moved each text box in its last keyframe to align directly below the window. I then created a motion tween for each layer. The final announcement is in a last layer. The fade-in is created with an alpha adjustment of the first instance of the text symbol, and again a motion tween.

It would be equally possible to create the first 3 announcements in the same layer, group them, and motion tween the group up or down. I think the separate layers allow more flexibility for editing. The scroll effect can go up or side to side using the same set of steps.

Elizabeth Sky-McIlvain 1/19/04