[JS]シルエットからアニメーションで画像を表示するスクリプト
Post on:2009年6月23日
sponsors
シルエットからアニメーションで画像を表示するスクリプトをBuild Internet!から紹介します。
Animate Image Filling Up Using jQuery
demo
スクリプトはjQueryをベースに、下記のスクリプトを記述します。
|
1 2 3 4 5 |
<textarea name="code" class="js" cols="60" rows="5"> $(document).ready(function() { $("#dudeoverlay").stop().animate({top:'-665px'},{queue:false,duration:3500} ); }); </textarea> |
サイズや配置、カラーなどはスタイルシートで指定を行います。
簡易版のデモを参考にすると分かりやすいと思います。
demo: simple
sponsors
