Webdelogスマートフォン用の表示で見るWebdelog2011-06-14jQueryのdelayとtableを使って画像にちょっと派手なフェードイン効果1時間前くらいにふっと思いついたので、ブログに記録しておこうかなと思います。jQueryにはdelayというメソッドがあり、これを使うことでそのあとのメソッドの動作を遅らせることができ、アニメーションなどでこのメソッドは効果を発揮します。今回はこのメソッドを利用して画像にちょっと変わったfadeInを実装してみようかと思います。一つのdivの中に入れておきます。左上に合わせておきます。tableの中のtdの数はお好みで。100px;height:100px;background-color:#000;}こんな感じで。HTML部分はこんな感じ。cellspacing="0"><tr><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td><td></td></tr></table></div>次にjQueryをつかう準備として、head内などで読み込んでおきます。src="~~~/jquery.js"></script>jsを書きます。});やっていることとしては、tdの要素分透明度を変化させるプロパティopacityを0%にアニメーションさせています。その時にanimateの前にdelayメソッドを付加して、前のtd要素より少しだけ遅くアニメーションが開始させるようにしています。ドキュメントとサンプ...2011-06-08hoverで表示するふきだしをjQueryでふわふわさせるhead内でjQueryを読み込んでおきます。操作する月別アーカイブスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。