[jQuery]淡出fade-Out,淡入fade-In及Ajax json資料範例

範例展示網址:http://blog.yslifes.com/demo/fade-Out-Ajax-In/

效果展示如下圖:

一開始預設在第一頁,右下角則浮著分頁按鈕

ajax分頁

按下第二頁按鈕後,則開始淡出效果,把資料慢慢淡掉。

jquery淡出

載入Loading圖示,使用資料庫資料時可能會有延遲的狀況。

jquery loading

取得json格式資料,並append到展示區域,然後慢慢的淡入,把資料展示出來。

jquery淡入

發表迴響