这是一款超酷波浪文字动画特效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