HTML for Lava-Lamp Style Nav Menu
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
<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="#">More About My Portfolio
</a></li> <li><a href="#">Contact
</a></li>
<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();
Report this snippet
Comments
Subscribe to comments