Javascript: Light up where mouse is; rest is dark

Question

I think it has been a while but I think I remember seeing a javascript feature where the whole screen is black and where you mouse is it shows what is under the black. Anyone have an idea of how to do this or what I am talking about?

Answer 1

This is more case of a CSS change on mouse over in javascript. Try this example if this suits you

Answer 2

You can have a look at the source of the page and it is not too difficult to understand. What they are doing is setting a background image for the body tag and then adjusting the background position on mousemove using the x and y mouse co-ordinates.

Note

They are using jQuery to do this. You can do this without using a js library also.