ページを開いたときにイントロエフェクトを表示する「IntroTzikas」

よくFLASHではローディング的に線がぐわっと登場してくるエフェクトがあったりします。
これをjQueryのプラグインで実現したのが、IntroTzikas - Animated Intro - jQuery Pluginです。
以前紹介したjQueryでFlashっぽいローディングを表示させられる「QueryLoader -- preload your website in style」|skuare.netより設定項目とサイズが少し良いです。
ページを開いたときにイントロエフェクトを表示する「IntroTzikas」サンプル

使用方法
IntroTzikas - Animated Intro - jQuery Pluginからファイルをダウンロード。
<script src="jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="introtzikas.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$().introtzikas({
line: '#FFF', //ラインの色
speedwidth: 3000, //幅の移動完了スピード
speedheight: 2000, //高さの移動完了スピード
bg: 'red' //背景色
});
});
</script>

あとはbodyの下に下記を記述すれば完成です。
<div class="introtzikas_bg"><div class="introtzikas"></div></div>

ページを開いたときにイントロエフェクトを表示する「IntroTzikas」サンプル

sponsors

「ページを開いたときにイントロエフェクトを表示する「IntroTzikas」」をシェアする

記事作成:
記事URL:

TOP > > > ページを開いたときにイントロエフェクトを表示する「IntroTzikas」