Twitter RSS

April Fool’s Floating Text Script

Wednesday, March 31st, 2010

This year’s javascript trick involves taking individual words on your page and let them float or creep away.  Every time the user does not move their mouse for 5 seconds (you can change this interval), the words will start to creep.  Once they move their mouse again, the words will return to their original spot.

Simply add this script tag in your header:


<script type="text/javascript" src="http://thewojogroup.com/creep.js" ></script>

And start the creep with the body onload function with the argument being the desired delay (in seconds) before the words start creeping (default is 5 seconds):


<body onload="creepify(5);">

I haven’t been able to test this on many browsers, and there are some quirks depending on the content of your page.  If you are using a javascript library like JQuery, you may want to use the $(document).onload or equivalent in order to call the creepify() function. Happy April Fool’s!

START THE CREEP

Note: This script will probably mess up some of your styling, so test it out first to see what happens. :)


April Fools ‘flip text’ Script

Wednesday, April 1st, 2009

Over breakfast this morning, I put together a little JS script that will flip all the text on a page.  Just put this link AT THE BOTTOM of your page, and it should provide a little April Fools joke for some visitors:


<script type="text/javascript" src="http://www.thewojogroup.com/flipEm.js" ></script>

**Make sure to test this on your site, some flash objects or other plugins may not work properly

Enjoy!