foxiblob 0.1

<link rel="stylesheet" type="text/css" href="jquery-foxiblob-0.1.css" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery-foxiblob-0.1.min.js"></script>

<ul id="menu">
  <li class="active"><a href="start.html">start</a></li>
  <li><a href="site2.html">site2</a></li>
  <li><a href="site3.html">site3</a></li>
</ul>

<script type="text/javascript">
$(document).ready(function(){
  $('#menu').foxiblob();
});
</script>

$('#menu ul').foxiblob({active:'contact',className:'dotted',opacity:1});

// in the body
<div id="menu">
<ul>
  <li class="start"><a href="start.html">start</a></li>
  <li class="guestbook"><a href="guestbook.html">guestbook</a></li>
  <li class="contact"><a href="contact.html">contact</a></li>
</ul>
</div><!-- /#menu -->