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


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();

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.