在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  PHP  數(shù)據(jù)庫  網(wǎng)絡(luò)安全  HTML/ while 搭配 animation.css ? 怎麼樣才會有一個一個出現(xiàn)的效果

while 搭配 animation.css ? 怎麼樣才會有一個一個出現(xiàn)的效果?

因為我是用 php 撈數(shù)據(jù)
所以會是這樣

<? while($row = mysqli_fetch_array($data)){ ?>

裡面有 div 是每個商品的個人區(qū)塊

<div class="admin-user-layout pointer animated fadeInUp">
...
</div>

在裡面加上 animation.css 的外掛後
他出現(xiàn)確不會是一個一個出現(xiàn)?有時候三個一起,有時候五個一起?
怎麼會這樣呢?

回答
編輯回答
冷咖啡

在遍歷時,給每個生成的div元素,動態(tài)設(shè)定style ,指定動畫延遲時間,偽代碼(我不會php的語法)

set $delay = 0;  
set $interval = 0.1;//設(shè)定動畫間隔為0.1s
while haveRows
   輸出  <div class="admin-user-layout pointer animated fadeInUp" style="animation-delay:" + $delay + "s;"></div>
   $delay += $interval;
2017年2月12日 18:15
編輯回答
心悲涼

設(shè)置不同的delay 或者定時器依次給加控制顯示的類

2017年2月24日 00:55