文本/链接

jQuery可互动的文字阴影特效插件

阿里云


shadowtext 是一款可以可以进行鼠标互动的文字阴影特效 jQuery 插件。使用该插件可以制作各种文字阴影效果,并且在鼠标移动到文字上面的时候,文字阴影会随着鼠标而变化,效果非常不错。

使用方法:

使用该文字阴影特效要引入 jQuery 和 jquery.shadowtext.js 文件。

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

初始化插件:

在你需要制作文字阴影效果的文字的父容器上调用该插件:

  1. $('.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

jQuery 可互动的文字阴影特效插件

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

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

发表回复

热销模板

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

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