nakajima / jquery-glow

Make your elements glow. Ooooh. — Read more

http://nakajima.github.com/jquery-glow/

This URL has Read+Write access

Updated README to reflect new demo link

nakajima (author)

Fri Jun 05 18:47:21 -0700 2009

commit 8bdcc11a415fceff02bb
tree 144942c7eef74ee90291
parent 8b7e886a9947cf9ade7e

jquery-glow /

name	age	history message
README.md	Fri Jun 05 18:47:21 -0700 2009	Updated README to reflect new demo link [nakajima]
example/	Sat Apr 04 17:05:26 -0700 2009	Whitespace [nakajima]
src/	Thu Apr 09 18:17:03 -0700 2009	fixed working text-shadow on firefox 3.1 [mattn]

README.md

jQuery Glow

Add the ability to make elements "glow" when you hover over them. For browsers that support the text-shadow CSS property, you can also add a halo.

Example: nakajima.github.com/jquery-glow

Note: The halo only appears in browsers that support the text-shadow CSS property (like Safari). Without it, you can still make the text glow, but you can't add the halo.

Usage

Here's the most basic example:

$(document).ready(function() {
  $('.glow-me').addGlow();
});

Here's a more advanced one:

$(document).ready(function() {
  $('.glow-me').addGlow({
    radius: 20,
    textColor: '#ff0',
    haloColor: '#ffa',
    duration: 200
  });
});

Custom Options

The following options can be used:

textColor: Which color the text should glow.
haloColor: The halo color (in supported browsers).
radius: Controls the size of the halo (in supported browsers).
duration: The speed of the glowing effect.

Requirements

jQuery
the jQuery color plugin (bundled in src directory)

TODO