jQuery 动画插件 aniAuto

码农软件 · 软件分类 · 其他jQuery插件 · 2020-01-02 23:28:52

授权协议: GPL
开发语言: JavaScript HTML/CSS
操作系统: 跨平台
软件首页: justinzzc.github.io/aniAuto
软件文档: https://github.com/justinzzc/aniAuto/blob/master/README.md
官方下载: https://github.com/justinzzc/aniAuto/archive/master.zip

软件介绍

aniAuto

一个基于 animate.css 的jquery插件，只需添加一些标签属性和一行js脚本就可以组合出复杂的动画效果.

配置项

可用配置项

初始隐藏 (attribute) ani-init-hide
延迟 (attribute) ani-delay
持续时长 (attribute) ani-duration
重复次数 (attribute) ani-iteration
触发元素 (attribute) ani-trigger
自动滚动 (attribute) ani-scroll ani-scroll-offset

基本使用方法

<head>
    <link rel="stylesheet" href="css/animate.css">

    <script src="js/jquery-1.12.3.min.js"></script>
    <script src="js/aniAuto.js"></script>
</head>

<body>
...

 <div id="item_1" class="ani-auto item tada" >
            demo item
 </div>
...

<script>
    $(document).ready(function () {

        $.aniAuto();

    });
</script>
</body>

将需要配置自动动画的dom节点配置class类 ani-auto .

运行效果：demo页面

本文地址：https://codercto.com/soft/d/22538.html

码农书籍

人人都是产品经理

苏杰 / 电子工业出版社 / 2012-6 / 45.00元

本书为《人人都是产品经理》的升级版，是写给“1到3岁的产品经理”的书，适合刚入门的产品经理、产品规划师、需求分析师，以及对做产品感兴趣的学生，用户体验、市场运营、技术部门的朋友们，特别是互联网、软件行业。作为一名“4岁的产品经理”，作者讲述了过去3年的经历与体会，与前辈们的书不同，本书就像你走到作者身边，说“嗨，哥们！晚上有空吃个饭吗，随便聊聊做产品的事吧”，然后作者说“好啊”。书名叫“......一起来看看《人人都是产品经理》这本书的介绍吧!

码农工具

Markdown 在线编辑器

RGB CMYK 转换工具

RGB CMYK 互转工具