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 .
ani-auto
运行效果:demo页面