注册 登录 充值会员 退出
毕业设计 PHP源码
充值

jQuery鼠标悬停滑过霓虹灯文字高亮特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-03-10
jQuery鼠标悬停滑过霓虹灯文字高亮特效
jQuery鼠标悬停滑过霓虹灯文字高亮特效是一款使用CSS3 text-shadow属性来制作的,在鼠标悬停滑过文字时,还带有平滑变色效果。


js代码


<script type="text/javascript" src="js/neon_text.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('.first_neon').neonText();
		$('.second_neon').neonText({
			textColor:'white',
			textSize:'40pt',
			neonHighlight:'white',
			neonHighlightColor:'#008000',
			neonHighlightHover:'#FFFF00',
			neonFontHover:'white'
		});
		$('.third_neon').neonText({
			textColor:'white',
			textSize:'40pt',
			neonHighlight:'white',
			neonHighlightColor:'#00FFFF',
			neonHighlightHover:'#7FFF00',
			neonFontHover:'white'
		});
	});
</script>