Guide's Animation Scripts

Continuous Image Marquee With Start/Stop Button
This version of my continuous image marquee is more accessible than your typical marquee because it adds a start/stop button that can be operated from the keyboard as well as from the mouse.

Continuous Text Marquee With Start/Stop Button
I finally found the time to put together the marquee script that everyone is looking for - where the text of the marquee just scrolls constantly without any gap between the end of one pass and the start of the next. This version even has a start/stop button attached to make it more accessible.

Unobtrusive Random Images
Randomly selecting an image to display in your web page commonly appeared in one of the early chapters of older books on JavaScript because it was a fairly simple script to explain which provided something meaningful. Making such a script unobtrusive by extracting it completely out of the web page makes it slightly more complicated but far more useful.

Continuous Image Marquee
Get a group of images to continously scroll across your page with this image marquee script. The images are automatically added to the right of the scrolling display as they disappear off the left. You can even add multiple marquees in the same page.

Typewriter Text
Here's an animation script that is a bit different. This one dynamically types the content of the page onto the screen one character at a time just as if it were being entered on a typewriter.

Analog Clock
Lots of people have digital clocks on their web page. With this script you can go one better with an analog clock instead. The script provides for lots of different customizations so you can probably find a way to get it to display how you want.

Multiple Analog Clocks
The one thing that you can't do with my original Analog Clock script is to put two or more clocks on the same page. This version of the script allows you to do that.

Follow the Mouse Effect
A simple script to get an object to follow the mouse.

Spring After the Mouse
A script that has a number of objects attached to the mouse as if by a spring.

Cross Browser Ticker/Marquee
Add a simple ticker/marquee to your page with this simple Javascript.

Vertical Scroller
You can fit a lot more content into a small space and add some movement to your web page with a vertical scroller. The content of the scroller will move slowly (or quickly) up (or down) the scroll box. Once it has scrolled right through it will start again. You can even put multiple scroll boxes on the same page.

Scrolling Ad
This script displays an ad over your web page which moves slowly from side to side across the page until it has either crossed the page a specified number of times or the mouse pointer is moved over the ad. Once it has crossed the page the specified number of times the ad disappears.

Falling Snow
It can snow all year round on your web page if you install this special effects script.

Fireworks Effect
How would you like a fireworks display right on your web page. What's more this display doesn't even require any images as the entire effect is created using Javascript.

Falling Leaves Effect
You can have leaves falling slowly down your web page if you install this special effects script.

Wandering Hearts
This script (based on the code from the animation tutorials) puts two hearts on your web page that move randomly about the page. Will they ever get together? Will they stay together if they do? Maybe someone's heart will be broken.

Bubble Effect
Have bubbles moving up the screen in front of of your web page with this web page animation.