文本/链接

jQuery文字动画特效插件

阿里云


这是一款 jQuery 文字动画特效插件。该 jquery 文字动画插件结合 animate.css 一起使用,可以制作出各种炫酷的文字动画特效。

使用方法:

在页面中引入 animate.css 和 rotator.css 文件,以及 jquery 和 jquery.rotator.js 文件。

也想出现在这里?联系我们
创客主机
  1. <link href="css/animate.css" rel="stylesheet"> 
  2. <link href="css/rotator.css" rel="stylesheet"> 
  3. <script type="text/javascript" src="js/jquery.min.js"></script>             
  4. <script type="text/javascript" src="js/jquery.rotator.js"></script>

基本 HTML:

  1. <div id="example1" class="rotate" data-rotate-interval="3000" data-rotate-animate="zoomIn,zoomOut">
  2.  
  3.     <h1>Welcome to <span class="rotate-arena"></span></h1>
  4.  
  5.     <ul>
  6.        <li>text totate 2</li>
  7.        <li>text totate 3</li>
  8.        <li>text totate 4</li>
  9.        <li>text totate 5</li>
  10.     </ul>
  11.  
  12. </div>

初始化插件:

在页面 DOM 元素加载完毕之后,通过下面的方法来初始化该 jquery 文字动画插件。

  1. $(".rotate").rotator();

该 jquery 文字动画插件的 github 地址为:https://github.com/ht2pl/rotator

jQuery 文字动画特效插件

已有 496 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!