aniAutojQuery 動畫插件
aniAuto
一個基于 animate.css 的jquery插件,只需添加一些標簽屬性和一行js腳本就可以組合出復雜的動畫效果.
配置項
可用配置項
初始隱藏 (attribute) ani-init-hide
延遲 (attribute) ani-delay
持續(xù)時長 (attribute) ani-duration
重復次數 (attribute) ani-iteration
觸發(fā)元素 (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節(jié)點配置class類
ani-auto.
運行效果:demo頁面
評論
圖片
表情
