« »

DHTML in IE 4 includes a multimedia feature that allows a light to be cast on any image and moved around. We utilized this technology to create a moving light on image script. The light continuously moves from the left-top corner of any image to the rgiht-bottom corner, than back again. You can apply this light to ANY number of images on your page easily, with varying speed for each light.

Label: SpotLight On Image

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Free iPage Web Hosting for First Year NOW

If you're still looking for a reliable web host provider with affordable rates, why you don't take a little of time to try iPage, only with $1.89/month, included $500+ Free Extra Credits for the payment of 24 months ($45)?

Over 1,000,000+ existisng customers can not be wrong, definitely you're not, too! More important, when you register the web hosting at iPage through our link, we're going to be happy for resending a full refund to you. That's awesome! You should try iPage web hosting for FREE now! And contact us for anything you need to know about iPage. Try iPage for FREE First Year NOW

Code
JavaScript
HTML
Print

Copy All x2

<SCRIPT>
<!-- Beginning of JavaScript -

var imageheight=280 
var imagewidth=560

var cliptop
var clipbottom
var clipleft
var clipright
var clippoints
			
// toc do thuc hien hieu ung						  
var tempo=100

// vi tri bat dau hieu ung
var stepx=0
var stepy=0
var timer

function setValues() {
	if (document.all) {
		document.all.image.style.posLeft=0
   		document.all.image.style.posTop=0
		document.all.imagecontent.style.posLeft=0
   		document.all.imagecontent.style.posTop=0
    	moveimage()
	}
}

function moveimage() {
	if (stepx<=imagewidth || stepy<=imageheight) {	
		stepx=stepx+12
		stepy=stepy+6
		image.innerHTML="<span style='width:"+stepx+"px; height:"+stepy+"px;background-color:000000;filter:alpha(opacity=0,finishopacity=100,style=2'></span>"
		cliptop=0
		clipbottom=stepy
		clipleft=0
		clipright=stepx
		
		clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
		document.all.imagecontent.style.clip=clippoints
    	timer=setTimeout("moveimage()",tempo)
	}
	else{
		clearTimeout(timer)
		timer=setTimeout("moveimage2()",tempo)
	}
}

function moveimage2() {
	if (stepx>=0 || stepy>=0) {	
		stepx=stepx-12
		stepy=stepy-6
		image.innerHTML="<span style='width:"+stepx+"px; height:"+stepy+"px;background-color:000000;filter:alpha(opacity=0,finishopacity=100,style=2'></span>"
		cliptop=0
		clipbottom=stepy
		clipleft=0
		clipright=stepx
		
		clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
		document.all.imagecontent.style.clip=clippoints
    	timer=setTimeout("moveimage2()",tempo)
	}
	else{
		stepx=0
		stepy=0
		clearTimeout(timer)
		timer=setTimeout("moveimage()",tempo)
	}
}

// - End of JavaScript - -->
</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<BODY onload=setValues()>
<DIV id=imagecontent 
style="LEFT: -5000px; POSITION: absolute; TOP: -5000px">
  <IMG 
src="logojs.gif" width="600" height="314"></DIV>
<DIV id=image style="POSITION: absolute; TOP: -50px"></DIV>

</BODY>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Comment (0)
Write

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
~~Your site~~

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (0)
New

BBCode
HTML
URL
JID

Cool Domains for Sale!

eNows.co tubei.co dumbs.co JackpotBlockchain.com NameGG.com XMQV.com Proxy.tools v.oz wallets.software gambe.co opnID.com BronzeMask.com YearOfMask.com R-6.net Production.loan this.bid stopt.co BuiltMask.com FatLy.co beautiful.services

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

30/01/2007
Unknown [more]
3,732
0
0
0
3.79 KBytes

JavaScript SpotLight On Image

0/5 0 votes / 3,732 previews / 0 comment 30/01/2007 DHTML in IE 4 includes a multimedia feature that allows a light to be cast on any image...JavaScript SpotLight On Image - SpotLight On Image

hoangphucthanh manhlinhlt

Let's be first member to do this