JQuery : Flashlight Effect using JQ...Try This...

Flashlight Effect using JQuery : 

Your mouse works as a flashlight and you can read the content only where you are moving your mouse.

The Image

Flashlight

The CSS

body { background:#00022a url(flashlight.jpg) 50% 50% no-repeat; }

The JavaScript

window.addEvent('domready',function() {
 $(document.body).addEvent('mousemove',function(e) {
  this.setStyle('background-position',[e.page.x - 250,e.page.y - 250]);
 });
});

The Output

Download Sample Attachment Below:



Thanks & Have Fun :)


Written by

0 comments: