jQuery Glow - Elements Glow Effect Plugin

File Size: 37.8 KB
Views Total: 6928
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Glow - Elements Glow Effect Plugin

jQuery Glow is a jQuery Plugin for creating Elements Grow effects when you hover over them.

How to use it:

1. Add JS into your <head> section

<script src="/jquery-glow/src/jquery-1.3.2.js" type="text/javascript" charset="utf-8"></script>
<script src="/jquery-glow/src/jquery.color.js" type="text/javascript" charset="utf-8"></script>
<script src="/jquery-glow/src/jquery-glowing.js" type="text/javascript" charset="utf-8"></script>

2. Call the function

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

3. Custom Options

 

  • 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.

 


This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.