Skip to content
Make your elements glow. Ooooh.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
example
src fixed working text-shadow on firefox 3.1 Apr 10, 2009
README.md

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.

You can’t perform that action at this time.