aniAutojQuery 动画插件
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页面
评论
