jquery.longShadow 是一款简单易用的 jQuery 文字长阴影特效插件。通过该插件可以制作各种文字长阴影效果,可以配置长阴影的颜色,大小和方向等。
使用该文字长阴影插件需要在页面中又引入 jquery 和 jquery.longShadow.js 文件。
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="src/jquery.longShadow.js"></script>
使用一个容器来包裹需要制作长阴影效果的字母。
<span id="one">S</span>
在页面 DOM 元素加载完毕之后,可以通过 longShadow()方法来初始化该文字长阴影插件。
$(selector).longShadow({
colorShadow: '#a13c32',
sizeShadow: 70,
directionShadow: 'bottom'
});
该文字长阴影特效插件的配置参数有:
参数 | 类型 | 默认值 | 描述 |
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
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!