1

ローディングを自動表示させてくれるjQueryプラグイン「pace.js」14種

 

ローディングを自動表示させてくれるjQueryプラグイン「pace.js」14種

要領の大きい画像などを配置したページを読み込む際に、ローディング表示をするだけで読み込み時間のユーザーストレスを軽減することができます。そこで「pace」を使用すると間単にプログレスバーなどの表示が出来るようになります。

1.「pace.min.js」をダウンロード

Pace?

 

2.pace.min.jsを読み込む

  1. Miniman
  2. Flash
  3. Barber Shop
  4. Mac OSX
  5. Fill Ledt
  6. Flat Top
  7. Big Counter
  8. Corner Indicator
  9. Bounce
  10. Loading Bar
  11. Center Circle
  12. Center Atom
  13. Cneter Radar
  14. Center Simple
 1.Minimal

minimal

デモサンプル

 

 

 2.Flash

flash

デモサンプル

 

 

 3.Barber Shop

barber-Shop

デモサンプル

 

 

 4.Mac OSX

mac-osx

デモサンプル

 

 

5.Fill Left

fill-left

デモサンプル

 

 

 6.Flat Top

flat-top

デモサンプル

 

 

 7.Big Counter

big-counter

デモサンプル

 

 

8.Corner Indicator

corner-indicator

デモサンプル

 

 

9.Bounce

bounce

デモサンプル

 

 

10.Loading Bar

loading-bar

デモサンプル

 

 

11.Center Circle

center-circle

デモサンプル

 

 

 12.Center Atom

center-atom

デモサンプル

 

 

13.Center Radar

center-radar

デモサンプル

 

 

14.Center Simple

center-simple

デモサンプル

 

 以上になります。

One Comment

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

mororeco > JavaScript > ローディングを自動表示させてくれるjQueryプラグイン「pace.js」14種