ローディング・アニメーションを実装「Easy Loading」

当ページのリンクには広告が含まれています。

jQuery Plugin » エフェクト » ローディング・アニメーションを実装「Easy Loading」

ローディング・アニメーションを実装するプラグイン「Easy Loading」を紹介します。

jQueryプラグイン「Easy Loading」

このプラグインを使えば、データ読み込み中などに使えるローディング・アニメーションを実装することができます。

このプラグインだけでさまざまな効果を実装することができるので、ちょっと重たいデータベースを使ったWebサイトなんかに重宝するプラグインですね。

デモページのローディング・アニメーションをご覧ください。

「Easy Loading」のデモ

ソース（ HTML + jQuery ）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Easy Loading のデモでーす。">
<title>Easy Loading - jQueryプラグイン</title>
<link href="css/jquery.loading.css" rel="stylesheet">
<style>
body{
  background-color: #aaa;  
}
div {
  height: 500px;
}
</style>
</head>
<body>
<div id="loading-toggle" class="loading-div">
  <h1>Easy Loading のデモでーす。</h1>
</div>
 
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="js/jquery.loading.js"></script>
<script>
setInterval(function() {
  $('#loading-toggle').loading('toggle');
}, 2000);
</script>
</body>
</html>

Easy Loading

jQueryプラグイン「Easy Loading」

ソース（ HTML + jQuery ）

関連記事（一部広告含む）