novacancy.js
novacancy.js is a text neon golden effect jQuery plugin.
Demo
Basic Usage
Just use
$('#no').novacancy();
or detail
$('#no').novacancy({
'reblinkProbability': 0.1,
'blinkMin': 0.2,
'blinkMax': 0.6,
'loopMin': 8,
'loopMax': 10,
'color': '#ffffff',
'glow': ['0 0 80px #ffffff', '0 0 30px #008000', '0 0 6px #0000ff'],
'off': 1,
'blink': 1,
'classOn': 'on',
'classOff': 'off',
'element': 'data',
'autoOn': true
});
Parameters
- reblinkProbability: probability of reblink(0 to 1), Number, optional, default: (1/3)
- blinkMin: time(sec.) of minimum blink, Number, optional, default: 0.01
- blinkMax: time(sec.) of maximum blink, Number, optional, default: 0.5
- loopMin: time(sec.) of minimum trigger blink, Number, optional, default: 0.5
- loopMax: time(sec.) of maximum trigger blink, Number, optional, default: 2
- color: colors, String, optional default: 'ORANGE'. set null to disable.
- glow: array of text-shadow colors, Array, optional, default: ['0 0 80px Orange', '0 0 30px Red', '0 0 6px Yellow']. set null to disable.
- off: amount of off chars, Number, optional, default: 0
- blink: amount of blink chars, Number, optional, default: 0, (0 means all chars)
- classOn: class name of on chars, String, optional default: 'on'
- classOff: class name of off chars, String, optional default: 'off'
- element: split content by element, default: data
- autoOn: blink on at start, Boolean, optional, default: true
colors example:
Hexadecimal: '#ffffff'
RGB: 'rgb(255,255,255)'
RGBA: 'rgba(255,255,255,1)'
Text: 'WHITE'
Control
trigger blink on
$('#no').trigger('blinkOn');
trigger blink off
$('#no').trigger('blinkOff');
License
Copyright (c) 2018 Chuck Chang Licensed under the MIT license
Special Thanks
- Evil Reiko [email protected]
754 Dec 6, 2022
123 Oct 31, 2022
6.8k Dec 30, 2022
49 Dec 3, 2022
3 May 9, 2022
3 Sep 16, 2022
3 Oct 28, 2022
51 Dec 22, 2022
96 Dec 24, 2022
0 Dec 28, 2020