浙江 杭州

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

系统分类: 网页特效 - jquery插件 - jQuery文本框特效 2017-03-23

人气1064

亲们该页面内会员们分享的“作品”,版权为才华横溢的原作者们所有滴,不得商业使用!


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。

查看演示
下载资源:0
下载资源
错误提交:

格式:zip 大小:13.72KB

================关于优设记================
“优设记ui3g.com“是国内最全jquery插件下载 - 高质量网页素材的学习下载平台
资源微博:同步网站更新内容,订阅jquery资源 @吐槽优设记,欢迎关注获取网页设计资源、下载顶尖设计素材。
文章链接: http://www.ui3g.com/code/uicode-1850.html 非特殊说明,本文版权归原作者所有,转载请注明出处
jQuery可互动的文字阴影特效插件

我当前G币余额:0 已下载次数:0

注:点击右侧分享按钮并且留下评论自动+10G币

所需G币:20

下载提示:由于文件较小,请直接点击下载,不支持迅雷等下载工具。

抱歉 G币 不足,你可以通过 上传PSD & jquery 充值 获得G币

点击右侧分享按钮并且进行评论 +10G币(已有0 评论)