文本/链接

文字滑过jQuery霓虹灯特效插件

阿里云


这是一款可以生成炫酷霓虹灯特效的 jQuery 插件。该霓虹灯特效使用 CSS3 text-shadow 属性来制作,在鼠标滑过文字时,还带有平滑变色效果。

使用方法:

在页面中引入 jquery 和 neon_text.js.js 文件。

也想出现在这里?联系我们
创客主机
  1. <script src="js/jquery-1.9.1.min.js"></script> 
  2. <script src="js/neon_text.js"></script>

HTML 结构:

使用[div]元素来包裹需要制作霓虹灯效果的文字:

  1. <div id="neon">NEON</div>

初始化插件:

在页面 DOM 元素加载完毕之后,可以通过 neonText()方法来初始化该霓虹灯文字插件。

  1. $('#neon').neonText();

配置参数:

该霓虹灯文字插件的默认配置参数如下:

  1. $('#container').neonText({
  2.   textColor: '#FFFFFF',
  3.   textSize: '40pt', 
  4.   neonHighlight: '#FFFFFF', 
  5.   neonHighlightColor: '#FF00DE',
  6.   neonHighlightHover: '#00FFFF', 
  7.   neonFontHover: '#FFFFFF'
  8. });

textColor:文字的颜色

textSize:文字的大小

neonHighlight:文字高光色

neonHighlightColor:文字高亮的颜色

neonHighlightHover:鼠标滑过时文字高光的颜色

neonFontHover:鼠标滑过时字体的颜色

neon_text.js 霓虹灯文字插件的 github 地址为:https://github.com/KryvenkoSergiy/neon-text-generator

文字滑过 jQuery 霓虹灯特效插件

已有 403 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!