shadowtext 是一款可以可以进行鼠标互动的文字阴影特效 jQuery 插件。使用该插件可以制作各种文字阴影效果,并且在鼠标移动到文字上面的时候,文字阴影会随着鼠标而变化,效果非常不错。
使用该文字阴影特效要引入 jQuery 和 jquery.shadowtext.js 文件。
<script src="jquery.min.js"></script>
<script src="jquery.shadowtext.js"></script>
在你需要制作文字阴影效果的文字的父容器上调用该插件:
$('.container').shadowtext();
blurClose:默认值:0。最接近文字时的模糊数量
blurFar:默认值:10。离文字最远时的模糊数量
color:默认值:"#000000"。设置阴影的颜色。接收 3 个或 6 个数字的十六进制颜色值,或 rgba(),rgb()或颜色关键字。透明度值会被忽略
distance:默认值:10。阴影离文字的最大距离
easing:默认值:''。如果指定这个参数,会根据鼠标的距离来使用 easing 方法来决定阴影的距离
framerate:默认值:25。每秒的帧率。不要改变这个值,除非你想制作特殊效果
hideText:默认值:false。设置为 true 时会隐藏文字,只显示阴影
mouseRange:默认值:500。When the mousepointer is at or beyond the specified mouseRange from the text, the shadow will be at it's farthest
opacityClose:默认值:1。最接近文字时透明度的数量。范围 0-1
opacityFar:默认值:1。离文字最远时的透明度数量。范围 0-1
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!