文本/链接

jQuery文字长阴影特效插件

阿里云


jquery.longShadow 是一款简单易用的 jQuery 文字长阴影特效插件。通过该插件可以制作各种文字长阴影效果,可以配置长阴影的颜色,大小和方向等。

使用方法:

使用该文字长阴影插件需要在页面中又引入 jquery 和 jquery.longShadow.js 文件。

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

HTML 结构:

使用一个容器来包裹需要制作长阴影效果的字母。

  1. <span id="one">S</span>

初始化插件:

在页面 DOM 元素加载完毕之后,可以通过 longShadow()方法来初始化该文字长阴影插件。

  1. $(selector).longShadow({
  2.     colorShadow: '#a13c32',
  3.     sizeShadow: 70,
  4.     directionShadow: 'bottom'
  5. });

配置参数:

该文字长阴影特效插件的配置参数有:

参数 类型 默认值 描述
colorShadow String #ccc 长阴影的颜色,可以是 HEX, RGB, RGBA 颜色。
sizeShadow Integer 50 长阴影的尺寸大小。
directionShadow String bottom-right 长阴影的方向。可以使用 8 个方向:top, right, bottom, left, top-right, top-left, bottom-right, bottom-left。

jquery.longShadow 文字长阴影插件的 github 地址为:https://github.com/dangvanthanh/jquery.longShadow

jQuery 文字长阴影特效插件

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

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

发表回复

热销模板

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

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