imagineMenu - 画像から簡単にメニュー構築できるjQueryプラグイン

<ul id="firstNav">
  <li><a href="#home">Home</a></li>
  <li><a href="#blog">Blog</a></li>
  <li><a href="#gallery">Gallery</a></li>
  <li><a href="#contact">Contact</a></li>
</ul>

<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="js/jquery.imagineMenu-1.0.js"></script>


<script type="text/javascript" charset="utf-8">
$(function () {
  $('#firstNav').imagineMenu({image: 'img/menu.gif', link_widths: 100});
});
</script>

$(function () {
  $('#secondNav').imagineMenu({image: 'img/menu.gif', link_widths: [105, 75, 120, 100]});
}); 

$(function () {
  $('#thirdNav').imagineMenu({image: 'img/menu.gif', link_widths: [105, 75, 120, 100], selected: 'home'});
});