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
The Output
Download Sample Attachment Below:
Thanks & Have Fun :)
Your mouse works as a flashlight and you can read the content only where you are moving your mouse.
The Image
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 :)
0 comments: