skuare.net

JavaScriptライブラリjQueryのサンプルを中心にWebサイト構築に役立つ情報を紹介

これはスゴイ!JavaScriptで画像をうにゃうにゃさせる「Liquid Image FX」

これは驚きです。
画像を効果的な動きをつけることが出来ます。
via:JavaScript Liquid Image FX

sponsors

使用方法
ファイル取ってきます。
Liquid

<script type="text/javascript" src="Liquid.js"></script>
<script>
onload = function(){
var lq = Liquid({
src:"画像パス",
target:document.body,
direction:"bottom", //動きtop,bottom,left,right
onload:function(){
setTimeout(function(){
lq.pause();
setTimeout(function(){
lq.play();
}, 500);
}, 500);
}
});
};
</script>

で、完成です・・・。
これはスゴイ!JavaScriptで画像をうにゃうにゃさせる「Liquid Image FX」サンプル

sponsors

「これはスゴイ!JavaScriptで画像をうにゃうにゃさせる「Liquid Image FX」」をシェアする

記事作成:
記事URL:

TOP > > > これはスゴイ!JavaScriptで画像をうにゃうにゃさせる「Liquid Image FX」

前の記事:
次の記事:jQueryでParallax「Scrolling Parallax Plugin for jQuery」

JavaScript

read more

Column

read more