Spotlight: Show a spotlight over a Web page

Recommend this page to a friend!
  Info   Videos Videos   View files View files (5)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 339 All time: 123 This week: 5Up
Version License JavaScript version Categories
spotlight 1.0BSD License1.0Animation
Description Author

This class can show a spotlight over a Web page.

It can create a transparent canvas on the top of the Web page with a dark area and a light rounded spot area that make the content below it appear as if it highlighted by a spotlight.

The spotlight can be animated so it can move at a given speed.

Callback functions may be invoked when the user drags the mouse over or clicks in the the spotlight or the canvas area, as well when the animation starts and ends.

Picture of Arturs Sosins
  Performance   Level  
Name: Arturs Sosins <contact>
Classes: 51 packages by
Country: Latvia Latvia
Age: 35
All time rank: 1
Week rank: 6 Down1 in Latvia Latvia Equal
Innovation award
Innovation award
Nominee: 8x

Winner: 6x

  Files folder image Files  
File Role Description
Plain text file spotlight.js Class Main class source
Plain text file spotlight.packed.js Class Main class packed
Accessible without login Plain text file animation_example.html Example Example of continuous animation
Accessible without login Plain text file example.html Example Simple example
Accessible without login Plain text file mouse_example.html Example Example of mouse following spotlight

 Version Control Unique User Downloads Download Rankings  
 0%
Total:339
This week:0
All time:123
This week:5Up