微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

aniAuto 配置项基本使用方法 jQuery 动画插件

程序名称:aniAuto 配置项基本使用方法

授权协议: GPL

操作系统: 跨平台

开发语言: JavaScript

aniAuto 配置项基本使用方法 介绍

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页面

aniAuto 配置项基本使用方法 官网

justinzzc.github.io/aniAuto

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐