Our latest project ‘Eco Environments’ recently went live, which we’re really proud of. So much so, we thought we’d brag about it a little!
We decided to incorporate an energy saving concept by urging site users to turn off the light before they leave.
We added mouse detection to the site in the flash, so when the mouse cursor went above the top navigation towards the top of the browser, a warning sign appears.
For the actual light switch we used jQuery. Clicking the light switch switches the CSS Style Sheets, giving the impression the lights have been switched off. Highlighting only the data capture form for their latest email campaign.
You’ll also noticed the flash at the top also changes from day to night, with house lights flickering on and the sun changing to a moon.

Of course you can always switch the lights back on... if you’re afraid of the dark!