1日1tech

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  1. --/--/--(--) --:--:--|
  2. スポンサー広告|
  3. トラックバック(-)|
  4. コメント(-)

JavaScript で「徐々に~する」を実装する

よくみかけるイエローフェードとかの「カーソルインすると色や大きさが変わって、徐々に元に戻っていく」みたいな実装って、Flash だったら onEnterFrame とか回してやって...と見当がつくのですが、タイムラインのない JavaScript だとどうやるの?っていう状態でした。
今回、送り火中継でカーソルインすると画像が徐々に大きくなるという実装をしているのですが、やっとこつがつかめました。

「setInterval で指定時間毎に実行(タイマー設定)」
「ある条件を満たしたら clearIntervalでタイマー解除」


これ。たったこれだけ。
テキストエディタで編集できる・動作が軽快・プラグインいらずな事考えたら、こっちのが私には向いてるかも。


ちなみにこの手法、同僚が持ってた下記の本を借りて、知ることができました。以前書店で探した時は、Ajax とは?から始まって延々と GoogleMaps やらの説明が載ってる一般教養本や、いきなり Yahoo UI Library の紹介が載ってるリファレンス本みたいなのが目についていたのですが、この本はなんというか、本当に知りたいところが、きちんと段階的に書かれていっている感じで、すごくわかりやすいです。
JavaScript は全く初めて!プログラムもこれが初めて!な人には勧めませんが、これまで light weight な言語でもいじってきていて、ちょっと ajax なるものもさわってみようかな~という人には自信をもってお勧めします。


スポンサーサイト
  1. 2006/08/20(日) 20:36:27|
  2. develop|
  3. トラックバック:0|
  4. コメント:0

コメント

コメントの投稿

管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://miyana2m.blog2.fc2.com/tb.php/340-8c3c2974
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。