2008年7月16日水曜日

jqDock: Mac OS X のDock風のメニューを実装するjQueryプラグイン

カーソルをあわせるとぐわっと拡大するあのMacのメニュー(Dock)をWebアプリに組み込めるjQueryのプラグイン。



使い方はいたってシンプル。

<script type='text/javascript' src='jquery-1.2.3.min.js'></script>
<script type='text/javascript' src='jquery.jqDock.js'></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#menu').jqDock(options);
});
</script>

<div id='menu'>
<img src='image1.gif' alt='image1.png' title='' />
...
<a href='page.html' title=''>
<img src='imageN.png' alt='' title='' />
</a>
...
</div>

オプションを指定すると横だけでなく縦にも表示できるようです。

jqDock v1.2 ... a jQuery plugin
http://www.wizzud.com/jqDock/index.php


このためだけにjQueryを使うのもなあ、というかたはこちらをチェックしてみてはいかがでしょう。

A Mac OS X-style Dock in Javascript
(http://safalra.com/web-design/javascript/mac-style-dock/)

0 件のコメント: