jQuery插件Label Effect制作个性化的文字特效

制作个性化的网页文字,实用性貌视不强,毕竟花里胡哨,同时应该场景也不多,了解一下相关的实现原理:

 

使用说明
需要使用jQuery 库文件和Label Effect 库文件[在线实例 ]

 

一,包含文件部分

 

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript" src="jquery.labeleffect.js"></script>
<style type="text/css">@import "jquery.labeleffect.css";</style> 

 

二,HTML部分

 

<span id="defaultEffect">Label Effect</span>
 

三,Javascript部分

 

$("#defaultEffect").labeleffect();
 

如上实例,就能非常简单实现个性化的文字特效,同时可自定义特效效果,如下:

 

$(selector).labeleffect({effect: 'floating'});
 

这个插件可了解一下实现的原理,具体可查看Label Effect的JS文件,相关介绍都有详细的注释。

 

 

 

你可能感兴趣的:(JavaScript,html,jquery,html5,css)