jQueryを活用したDockメニュー「iconDock」

July 27, 2008
icondock.gif

面白いです「jQuery」。

MacOS Xのカーソルを合わせると大きくなるメニュー「Dock」の動きを「jQuery」で再現できるプラグイン「iconDock」を試してみました。

iconDock

必要なjsは「jquery.js」と「jquery.dock.js」。

「jquery.dock.js」のダウンロードと解説ページ

任意のid属性内に「img」タグで画像(gif、jpg、png)を追加し、「jQuery」で指示するだけ。簡単すぎないかい!

js部分

大きさなどの設定(赤線囲み部分)

id部分

id要素の名前(何でもいい、赤線囲み部分)

実験結果

実験結果

いくつか画像を入れて試してみました。

実験結果

ん~、ちょっとサーバーに負荷がかかってるのかして、画像の表示が消えたりしますね。

関連記事

トラックバック(0)

このブログ記事を参照しているブログ一覧: jQueryを活用したDockメニュー「iconDock」

このブログ記事に対するトラックバックURL:

コメントする

PageTop