Open Thinkering

Menu

Tag: script

Get that cool Google-style ‘reveal’ effect on your site.

Go to http://google.com. See how certain elements are revealed only when you move your mouse? That’s über-cool in my book. I wanted the same for the main part of my site – but have the coding skills of a rhino. 🙁

Fortunately, my good friend Paul Lewis (@aerotwist) is a bit lot of a coding ninja. In fact, he’ll soon be packing his bags for Sweden to work for Fi, one of the foremost web design companies in the world. He took about 3.1 seconds to knock up the relevant scripts, etc.

So now, if you go to dougbelshaw.com you’ll notice that the bullet points fade in when you move the mouse. Classy. 😀

I’ve rewritten the README file included in the zip file below to make it more understandable by mere mortals, but you’ll still need to know your way around HTML. I’ll do my best to help if you get stuck and add a comment below, but I’m making no promises!

Page Peel Script

Peel

Please note that this script is NOT my own work! As I have stated below, I am simply making it available here in case it is taken down elsewhere. I have no idea on how to modify it. Sorry.

If you’re reading this on the blog rather than via the RSS feed, you’ll probably have already noticed the new addition in the top right-hand corner. The way in which the page ‘peels back’ to reveal a link to my educational consultancy business was inspired by a number of sites I’ve seen recently who use it for advertising. It’s remarkably easy to accomplish. Here’s how… 😀

Continue reading “Page Peel Script”

css.php