Animated Sparkler Script
Twinkle, Twinkle
Little Star
How I Wonder
What You Are
This is a demonstration of Rainbo Design's Sparkle©, a JavaScript package that randomly displays a little sparkler graphic on your page to add a little eye-catching highlight to whatever area you select. This is an update to some code I wrote over 10 years ago. It definitely adds a little pizzazz to a page without being too busy or distracting. I dug up this old chestnut as I was redesigning the main page for another website. My design was a bit drab and, as usual, wordy. The original code was a bit outdated and poorly coded. It was okay for me because I knew how it worked, but it needed to be brought up to date and made more flexible to continue sharing it online.
The code is really very simple. It takes a cute animated .gif image of a sparkler and fades it in and out using CSS opacity, randomly changing it's position within a selected <DIV> after each on/off cycle. This updated version requires fewer changes to your HTML, although it gives up backwards compatibility with older versions of Internet Explorer to achieve it. The new version works with IE9+. It might work with IE8, but not with earlier versions. It's simply no longer worthwhile for any developer to support those obsolete browsers.
You can download the complete package on the Main Animation Script page
Sparkle© software Copyright (C) 2002-2015 by Richard L. Trethewey. All rights reserved.
This page was last modified on August 27, 2020
