Icontem

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    
Last Updated Ratings Unique User Downloads Download Rankings
2012-06-23 (4 years ago) RSS 2.0 feedNot enough user ratingsTotal: 321 All time: 121 This week: 13Up
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: 50 packages by
Country: Latvia Latvia
Innovation award
Innovation award
Nominee: 7x

Winner: 5x

Videos  
  • Javascript Spotlight
  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:321
This week:0
All time:121
This week:13Up