10种超酷波浪文字动画特效jquery插件

当前位置:主页 > jQuery库 > 文本和超链接 > 10种超酷波浪文字动画特效jquery插件
10种超酷波浪文字动画特效jquery插件
分享:

    插件介绍

    这是一款超酷波浪文字动画特效jquery插件。该波浪文字动画插件中提供了10种不同的动画特效,它使用简单,效果非常的炫酷。

    浏览器兼容性

    浏览器兼容性
    时间:2017-02-25
    阅读:
麦子学院
简要教程

这是一款超酷波浪文字动画特效jquery插件。该波浪文字动画插件中提供了10种不同的动画特效,它使用简单,效果非常的炫酷。

使用方法

在页面中引入jquery、d.js和d.css文件。

<script src="path/to/d.css"></script>
<script type="text/javascript" src="path/to/js/jquery.min.js"></script>
<script type="text/javascript" src="path/to/js/d.js"></script>
                
HTML结构

你可以使用div,p,span,h1,h2等元素作为文字的容器。

<p class="danceWord-s2">
  我喜欢你是寂静的,仿佛你消失了一样。
</p>
                

然后在容器上添加danceWord-s* class类,其中s*可以是s1-s10。

使用注意事项

使用该波浪文字动画特效时应该注意以下几点:

  • 1、避免页面中重复使用onload函数。
  • 2、避免在标签label元素中嵌套任何带danceWord-s*类的标签。
  • 3、如果你不想使用预定义的动画,可以通过下面的方法来进行覆盖:
    $.extend(danceword,{interval:200,loop:true})
    
  • danceWord波浪文字动画特效jquery插件的github地址为:https://github.com/jinli456/danceWord

网友评论