必优博客

让网页文字动起来，给静止的网页文字添加点生机和活力，这就是必优要介绍的jQuery插件Mouse Over Animation for Text，这是一个日本佬写的插件，效果特别丰富，使用非常简单，只需要指定文字效果的类名[class]，就可以实现文字透镜效果，波浪效果和透明效果，效果图如下：

使用说明
需要使用jQuery库文件和Mouse Over Animation for Text库文件[在线实例][下载]
必优推荐级别：★★★★

使用实例
一，包含文件部分

1. <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
2. <script type="text/javascript" src="js/jquery.moatext-min.js"></script>

二，HTML部分

1. <div class="moatext_lens">
2. I have a dream ...[其它文字省略]
3. </div>

如上实例，不需要书写任何javascript代码，就能实现了文字透镜效果，注意，只使用了一个类名moatext_lens，其它效果使用也一样，如下：

文字波浪效果使用实例

1. <div class="moatext_wave">
2. I have a dream ...
3. </div>

文字透明效果使用实例

1. <div class="moatext_opacity">
2. I have a dream ...
3. </div>

其区别在于使用在类不同，分别如下：

moatext_lens 文字透镜效果
moatext_wave 文字波浪效果
moatext_opacity 文字透明效果

使用jQuery插件Mouse Over Animation for Text非常简单，轻松实现文字动态变化效果，打造个性化的网页内容展示效果。

点我下载jQuery插件Mouse Over Animation for Text源程序
http://jquerycodes.googlecode.com/files/jquery.moatext-min.rar