aniAutojQuery 动画插件

联合创作 · 2023-10-02 16:09

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

浏览 8
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报