- 2007-03-07 (Wed) 19:08
- デザイン全般
テキストなどがするすると現れたり消えたりするスライド効果はときどき使いたくなりますよね。ただ、それだけのためにPrototype.jsとかscript.aculo.usを使うのもね・・・という方のためのスライド効果作成講座。
細かいところはコードを見てもらうとして、素敵なスライド効果をシンプルなスクリプトだけ（CSSとJavascript）で実現できます。ダウンロードもできます。
» Firblitz: Re: How to Create Digg Comment Style Sliding DIVs with Javascript and CSS
応用例としてスライドする時間を設定したり、スライド終了時にアラートしたりする方法も紹介しています。
個人的にはまだまだJavascriptを勉強中なので、このサイトの丁寧な説明がうれしかったですね。
setTimeoutとかこう使うのねー、と読みときながら、これを元にいろいろなエフェクト作成にチャレンジしてみてはいかがでしょうか。
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://www.simplexsimple.com/archives/2007/03/cssjavascriptscriptaculous.html/trackback
- Listed below are links to weblogs that reference
- CSSとJavascriptだけでスライド効果を実現する方法（script.aculo.usとか抜きで） from SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳
