foxiblob 0.1

Demo

эффект lavalamp в меню в различных стилях.

Share/Save/Bookmark

<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>

Как меню размещается внутри Body

<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>

Внутри Header или Body необходимо разместить этот скрипт:

<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 -->