寝付けなくて朝になってしまったので、 JavaScriptで遊ぶ。

カラテスタイルさんで紹介されていますが、Yahoo! User Interface Library とSimple API でリンク先のサムネールをツールチップ風に表示するという技。

Yahoo! UI LibraryとSimpleApiでリンクページを作る

これは<head>内でwindowオブジェクトにイベントリスナーを登録して、loadしたときにサムネイルも含めて、エレメントを一括作成しているようで、IEだとSimple API を呼び出すたびにカチャカチャ音が鳴ってしまう。

これを回避するには、<a>タグにイベントハンドラを設定して、マウスオーバー毎にサムネールの生成を行えばいいのでは・・・(あまりonmouseoverとか入れたくないですけどね)

Y!UILでは内部の処理がよくわからないので今回はDHTML Balloon tooltipを参考に作ってみた。

Simple API Example

あとは prototype.js とかでエフェクトつけれたら最高なんですが、今の所、こんなもんでしょか。