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

使用说明
需要使用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文件,相关介绍都有详细的注释。