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

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