制作个性化的网页文字,实用性貌视不强,毕竟花里胡哨,同时应该场景也不多,了解一下相关的实现原理:
使用说明
需要使用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文件,相关介绍都有详细的注释。