There are TONS of really cool rollover effects to use on your website using some pretty simple javascript code. I’ve mentioned before that I use fat.js on this site to give that cool Wordpress type fade effect. Don’t believe me? See it for yourself….mouseover the headers on the left sidebar. Here’s a list of some of my favorites.
Javascript Effects (standalone)
- fat.js - What I use on truCubed.com. Wordpress style fading effect. An example is on truCubed.com left sidebar.
Download fat.js
- scrollovers.js - Nice effect that scrolls text over to another cover. Pretty slick.
Download scrollovers.js
- byte.fx - In between a single file and a javascript library. Not a full effects library like the ones below, but still fully functional. Quite powerful as well.
Javascript Effect Libraries
- mootools - Super lightweight and very efficient.
- moo.fx - Extremely lightweight and VERY nice. I haven’t had time to implement any myself, but I definitely plan on it. I actually plan on making that left sidebar scroll open like the moo.fx main page. Extension of mootools.
- script.aculo.us - Probably the most popular effect library out there. It’s not quite as easy to use as moo.fx, but nonetheless…its very nice once you get the hang of it. If digg and feedburner use it, why shouldn’t you?























I have heard of prototype.js and scriptaculous.js before, but never use it since it was quite big. Most of my viewers still have dialups. Will check the protaculous and send a feedback.
Yeah, but how about a new version using the latest versions of Prototype and Scriptaculous.
Agreed….got any free time?