Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Make your elements glow. Ooooh.
JavaScript Ruby
Branch: master
Failed to load latest commit information.
example Whitespace
src fixed working text-shadow on firefox 3.1
README.md Updated README to reflect new demo link

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

  • Add a delay option

(c) Copyright 2009 Pat Nakajima, released under MIT License.

Something went wrong with that request. Please try again.