jQuery Plugin For Animated Text Neon Effect - novacancy.js

File Size: 8.62 KB
Views Total: 6547
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For Animated Text Neon Effect - novacancy.js

Novacancy is a lightweight jQuery plugin that allow you to create an animated text neon golden effect on your web page.

Basic Usage:

1. Load the latest version of jQuery javascript library on your web page

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="javascript/jquery.novacancy.js"></script>

2. Create the html for the text effect

<p class="no">No</p>
<p class="vacancy">Vacancy</p>

3. Apply the Neon Effect to the text.

$(document).ready(function() {
  $('.no').novacancy({
    'reblinkProbability': 0.1,
    'blinkMin': 0.2,
    'blinkMax': 0.6,
    'loopMin': 8,
    'loopMax': 10,
    'color': 'WHITE',
    'blink': true
  });
  $('.vacancy').novacancy({
    'color': 'RED'
  });
});

4. All default options to customize the plugin.

$('.element').novacancy({
  'reblinkProbability': (1/3),
  'blinkMin': 0.01,
  'blinkMax': 0.5,
  'loopMin': 0.5,
  'loopMax': 2,
  'color': 'ORANGE',
  'glow': ['0 0 80px Orange', '0 0 30px Red', '0 0 6px Yellow'],
  'off': 0, // amount of off chars
  'blink': 0, // amount of blink chars
  'classOn': 'on',
  'classOff': 'off',
  'element': 'data', // split content by elemen
  'autoOn': true
});

Changelog:

2018-05-24

2016-03-09

  • v0.6

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