Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Make your elements glow. Ooooh.

branch: master
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.