The current article
Flashっぽいローディングを表示するｊQuery
Flashページで読み込み時に「すー」っとローディングバーが登場してくるエフェクトを表示させるjQueryプラグインを紹介します。
Flashで作るのはちょっと…という方は、選択肢の一つにいかがでしょうか。
capture
まず上記サイトにアクセスし、
2.Download introtzikas.jsをクリックして、introtzikas.jsをダウンロード（ソースが表示されます）します。
※ブラウザによって異なりますが右クリックして「名前をつけてページを保存」(FireFox)
表示させたいページのHTMLのhead部分でjQueryとintrotzikas.jsを読み込ませ、
実行コードも付け加えます。
jQueryの設置方法→以前の記事初歩的なjQueryプラグインの設置方法
<html>
<head>
<script type="text/javascript" src="js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="js/introtzikas.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$().introtzikas({
line: '#FFF', //ラインの色
speedwidth: 2000, //ラインの移動スピード
speedheight: 1000, //開くスピード
bg: '#333', //背景の色
});
</script>
</head>
ご自分のホームページに合わせて、ラインの色と背景色を変えれば完了です。
関連記事
