novacancy.js是一款非常有意思的、效果绚丽的jQuery绚丽霓虹灯文字特效插件。该文字特效插件可以将任意文本转换为霓虹灯效果,你可以设置灯光的颜色,发光的颜色,几个文字是不亮灯状态,以及灯光闪烁的频率等等。使用该霓虹灯文字特效插件首先要引入jQuery和jquery.novacancy.js文件。 HTML结构该该霓虹灯文字特效的HTML结构非常简单,可以使用
、
等常用的文本标签来组织文字。也可以将这些文字包裹到一个容器中,方便定位。 No
Vacancy
JAVASCRIPT在页面加载完毕之后,使用下面的方法来调用该霓虹灯文字特效插件。$('#no').novacancy(); 插件初始化时也可以传入不同的定制参数。$('#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', 'autoOn': true}); 配置参数reblinkProbability:类型:Number。灯光闪烁的概率,取值0-1,默认值:1/3。可选项。blinkMin:类型:Number。灯光闪烁的最小值。默认值0.01。单位:秒。可选项。blinkMax:类型:Number。灯光闪烁的最大值。默认值0.5。单位:秒。可选项。loopMin:类型:Number。触发霓虹灯闪烁的最小时间。默认值0.5。单位:秒。可选项。loopMax:类型:Number。触发霓虹灯闪烁的最大时间。默认值2。单位:秒。可选项。color:类型:String。灯光的颜色。默认值:'ORANGE'。设置为null禁用该参数。可选项。glow:类型:Array。文本阴影颜色数组。默认值: ['0 0 80px Orange', '0 0 30px Red', '0 0 6px Yellow']。设置为null禁用该参数。可选项。off:类型:Number。灯光熄灭的字符的数量。默认值:0。可选项。blink:类型:Number。灯光闪烁的字符的数量。默认值:0,0表示所有的字符都闪烁。可选项。classOn:类型:String。亮灯字符上的class名称。默认值: 'on'。classOff:类型:String。熄灯字符上的class名称。默认值:'off'。autoOn:类型:Boolean。是否在初始化后文字自动灯光闪烁。默认值:true。可选项。灯光颜色例子:Hexadecimal: '#ffffff'RGB: 'rgb(255,255,255)'RGBA: 'rgba(255,255,255,1)'Text: 'WHITE' 控制触发灯光闪烁$('#no').trigger('blinkOn'); 关闭灯光闪烁$('#no').trigger('blinkOff'); 文件目录······ 暂无数据
未经允许不得转载:
ICode联盟 »
插件特效 »
jQuery霓虹灯跑马灯文字特效插件novacancy.js
猜你喜欢
更多» 项目推荐
更多» PDF电子书
更多» Java多线程编程核心技术
(2)
Linux命令详解词典.pdf
(5)
深入Python3中文版
(0)
百度SEO一本通.pdf
(0)
mysql必知必会.pdf
(2)
疯狂JAVA讲义 pdf电子书
(3)
C# 图解教程pdf电子书
(3)
研磨设计模式 pdf电子书
(0)
No
Vacancy
文件目录······
暂无数据
未经允许不得转载: ICode联盟 » 插件特效 » jQuery霓虹灯跑马灯文字特效插件novacancy.js
猜你喜欢
更多»
项目推荐
更多»
PDF电子书
更多»
Java多线程编程核心技术
(2)
Linux命令详解词典.pdf
(5)
深入Python3中文版
(0)
百度SEO一本通.pdf
(0)
mysql必知必会.pdf
(2)
疯狂JAVA讲义 pdf电子书
(3)
C# 图解教程pdf电子书
(3)
研磨设计模式 pdf电子书
(0)