2007年07月21日20:14 by 山崎泰宏 JavaScriptでprototype.jsだけを使った簡単なアニメーションを作る カテゴリJavaScript小技 Tweet sparklegate Comment(0)Trackback(0) JavaScriptでprototype.jsだけを使った簡単なスムースアニメーション。 HTMLを色々ごちゃごちゃ作ってしまった後で、急に一部をアニメーションさせたいと思ってScript.aculo.usを使ってみたが、うまく動かなかったので手作りしたのがきっかけ。 画面をクリックするとその場所を目標にしてRailsのロゴがすいすい追いかけて動きます。 durationを小さくすれば短い時間でアニメーションが終わります。関数が悪くてあまり長い時間を指定してもゆっくりにはなりません。 intervalを小さくすればよりスムースなアニメーション
![JavaScriptでprototype.jsだけを使った簡単なアニメーションを作る : やむにやまれず](https://cdn-ak-scissors.b.st-hatena.com/image/square/da78a05937633f7a2b4b2219826151c370cd607b/height=288;version=1;width=512/https%3A%2F%2Fparts.blog.livedoor.jp%2Fimg%2Fusr%2Fcmn%2Fogp_image%2Flivedoor.png)