Advanced Search

HTML for Lava-Lamp Style Nav Menu

/ Published in: HTML
Save to your folder(s)
The HTML portion of Lava-Lamp Navigational Menu. Combine with associated JavaScript file and CSS file

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <div id="container">
  2.  
  3. 	<ul id="nav">
  4. 		<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 -->
  5. 		<li><a href="#">About</a></li>
  6. 		<li><a href="#">Blog</a></li>
  7. 		<li><a href="#">More About My Portfolio</a></li>
  8. 		<li><a href="#">Contact</a></li>
  9. 	</ul>
  10.  
  11. </div>
  12.  
  13. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>	
  14.  
  15. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
  16.  
  17. <script type="text/javascript" src="js/jquery.spasticNav.js"></script>    
  18.  
  19. <script type="text/javascript">  
  20. $('#nav').spasticNav();  
  21. </script>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.