JavaScript Spotlight

Cast an interactive 'spotlight' on the image of your choice using this DHTML script. Move the light about using your mouse. This cool effect works in IE4+, degrading well with the rest.... detail at javascriptbank.com/

Demo:javascriptbank.com/spotlight-index.html/en/
​

How to setup

Step 1: Copy & Paste CSS code below in your HEAD section
CSS

Code:

<style type="text/css">
<!--
body{
background-image : url('none') !important; 
}

#content{
background-color : #ffffff;
position : absolute;
top : 0px;
left : 0px;
padding : 10px;
visibility : hidden;
}

#light{
position : absolute;
top : 0px;
left : 0px;
overflow : hidden;
}
//-->
</style>
    <!--
        This script downloaded from www.JavaScriptBank.com
        Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    -->

Step 2: Copy & Paste HTML code below in your BODY section
HTML

Code:

<script type="text/javascript" src="spotlight_part_1.js"></script>
<script type="text/javascript" src="spotlight_part_2.js"></script>
<div style="z-index: 110;"></div>
    <!--
        This script downloaded from www.JavaScriptBank.com
        Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
    -->

Step 3: Download files below
Files
Part 1: javascriptbank.com/javascript/background/spotlight/spotlight_part_1.js
Part 2: javascriptbank.com/javascript/background/spotlight/spotlight_part_2.js
Part 3: javascriptbank.com/javascript/background/spotlight/spotlight.gif

JavaScript Spotlight - JavaScript Validate E-Mail - AJAX Page Content Loader​

 

sorry for asking but for what kind of site do we need this effect?