Posted By

marshalletm on 08/14/11


Tagged


Versions (?)

HTML for Lava-Lamp Style Nav Menu


 / Published in: HTML
 

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

  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  

You need to login to post a comment.