javascriptでのマウスオーバーを前回とはまた違った形で実装してみた。
ソースは以下のような感じ

会社のホームページリニューアルに伴い、コーディングをやる事になったのでここ2ヶ月くらいJavascriptをよくいじっている。
もっぱら'Prototype.jsライブラリ'に依存してはいるが、それでもいろいろと勉強になっている。

CSSの"background-image"をずらしながらマウスオーバーのちょっとしたアニメーションみたいなものを以前作っていたが、今回は画像を使わずに実装してみた。
画像を使わないと何がうれしいかっていうと、いろんな色で作れるという事だ。画像の場合はその都度画像から作成しなければならない。

ソースコードは以下のような感じ(要Prototype.js)
サンプルはこちら

Rubyにはデータを出力するためのメソッドに

print
puts
p
pp(require 'pp'が必要)

と、たくさんあるが、'p'や'pp'は主にデバッグ用のメソッドで実際のプログラムで使用するのはあまり行儀のいいことではないとされている。