<div id="container">

	<ul id="nav">
		<li id="selected"><a href="#">Home</a></li> <!-- change 'selected' id for each current page ie. when on about page, the selected should be on about -->
		<li><a href="#">About</a></li>
		<li><a href="#">Blog</a></li>
		<li><a href="#">More About My Portfolio</a></li>
		<li><a href="#">Contact</a></li>
	</ul>

</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>	

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>

<script type="text/javascript" src="js/jquery.spasticNav.js"></script>    
  
<script type="text/javascript">  
$('#nav').spasticNav();  
</script>

The HTML portion of Lava-Lamp Navigational Menu. Combine with associated JavaScript file and CSS file

HTML for Lava-Lamp Style Nav Menu

HTML