jQuery文字长阴影特效插件

当前位置:主页 > jQuery库 > 文本和超链接 > jQuery文字长阴影特效插件
jQuery文字长阴影特效插件
分享:

    插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2016-04-12
    阅读:
麦子学院
简要教程

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>                  
                
HTML结构

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

<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

网友评论