必优博客

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

使用说明
需要使用jQuery库文件和Label Effect库文件[在线实例]
必优推荐级别：★★★
使用实例
一，包含文件部分

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

二，HTML部分

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

三，Javascript部分

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

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

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

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