View Single Post
  #23 (permalink)  
Old 01-11-2010, 04:11 PM
JavaScriptBank JavaScriptBank is offline
Member
 
Join Date: Jul 2009
Posts: 92
JavaScriptBank is on a distinguished road
Default 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 - 2.000+ free JavaScript codes

[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/background/spotlight.jpg[/IMG]
Demo: JavaScript Spotlight

[SIZE="4"]How to setup[/SIZE]

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 w w w.JavaScriptBank. com
    	Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
	-->
Step 2: Place HTML 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 w w w.JavaScriptBank. com
    	Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
	-->
Step 3: Download files below
Files
spotlight_part_1.js
spotlight_part_2.js

spotlight.gif






Command to print web page in javascript - Javascript Time Picker - JavaScript Go To URL Box
Reply With Quote