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

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

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

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

共有0个回答