Login   Register  

Spotlight: Show a spotlight over a Web page

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us

  Author Author  
Picture of Arturs Sosins
Name: Arturs Sosins <e-mail contact>
Packages: 46 Browse all classes by Arturs Sosins Browse all classes by
Country: Latvia Latvia - JavaScript jobs in Latvia
Age: 26
All time rank: 1
Week rank: 4 Down1 in Latvia Latvia Equal
Innovation award
Innovation award
Nominee: 3x

Winner: 3x

  Detailed description   Download Download .zip .tar.gz  
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.

  Classes of Arturs Sosins  >  Spotlight  >  Download Download .zip .tar.gz  >  Support forum Support forum  >  Blog Blog  >  RSS 1.0 feed RSS 2.0 feed Latest changes  
Name: Spotlight
Base name: spotlight
Description: Show a spotlight over a Web page
Version: 1.0
JavaScript version: 1.0
License: BSD License
All time users: 264 users
All time rank: 134
Week users: 0 users
Week rank: 42 Equal
  Groups   Video Tutorials   Rate classes User ratings  
  Applications   Related links   Files Files  

Group folder image Animation Animation effects View top rated classes

  Tutorial videos and presentations  
Javascript Spotlight
Title Description Duration
Video Javascript Spotlight Javascript Spotlight visual cue webcodingeasy.com 00:01:20

  User ratings  
There are not enough user ratings to display for this class.

  Applications that use this class  
No application links were specified for this class.
Add link image If you know an application of this package, send a message to the author to add a link here.

  Related links  
Link Description
Spotlight class Documentation

  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

Download Download all files: spotlight.tar.gz spotlight.zip
NOTICE: if you are using a download manager program like 'GetRight', please Login before trying to download this archive.