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 - 2.000+ free JavaScript codes
How to setup
Step 1: Place CSS below in your HEAD section
CSS
Step 2: Place HTML below in your BODY section
HTML
Step 3: Download files below
Files
spotlight_part_1.js
spotlight_part_2.js
spotlight.gif
How to setup
Step 1: Place CSS below in your HEAD section
CSS
Codice:
<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: Place HTML below in your BODY section
HTML
Codice:
<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
spotlight_part_1.js
spotlight_part_2.js
spotlight.gif