»
EnglishFrenchVietnamese

Print - Slashdot Navigation Menu - JavaScriptBank.com

Full version: jsB@nk » Menu » Multilevel menu » Slashdot Navigation Menu
URL: https://www.javascriptbank.com/slashdot-navigation-menu.html

Slashdot Navigation Menu © JavaScriptBank.comThis vertical navigation menu is a stylish collapsible menu modelled after the navigational menu found on Slashdot. Session-only cookies are used to store the state of menu (whether it's expanded or not). Cool css navigation menu design!New updates: you can now add a expand / contract all links on the navigation, to allow your visitors to easily toggle the visibility of all submenus. Furthermore, you can specify all submenus should be contracted by default for first loads (see top of "menu.js").

Full version: jsB@nk » Menu » Multilevel menu » Slashdot Navigation Menu
URL: https://www.javascriptbank.com/slashdot-navigation-menu.html



CSS
<link rel="stylesheet" type="text/css" href="menu.css" />


JavaScript
<script type="text/javascript" src="menu.js"></script>


HTML
<p><a href="javascript:slash_expandall()">Expand</a>/<a href="javascript:slash_contractall()">Contract</a></p>    <div class="sdmenu">      <span class="title" id="top"><img src="expanded.gif" class="arrow" alt="-" />Online Tools</span>      <div class="submenu">        <a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a>        <a href="http://tools.dynamicdrive.com/favicon/">FavIcon Generator</a>        <a href="http://www.dynamicdrive.com/emailriddler/">Email Riddler</a>        <a href="http://tools.dynamicdrive.com/password/">htaccess Password</a>        <a href="http://tools.dynamicdrive.com/gradient/">Gradient Image</a>        <a href="http://tools.dynamicdrive.com/button/">Button Maker</a>      </div>      <span class="title"><img src="expanded.gif" class="arrow" alt="-" />Support Us</span>      <div class="submenu">        <a href="http://www.dynamicdrive.com/recommendit/">Recommend Us</a>        <a href="http://www.dynamicdrive.com/link.htm">Link to Us</a>        <a href="http://www.dynamicdrive.com/resources/">Web Resources</a>      </div>      <span class="title"><img src="expanded.gif" class="arrow" alt="-" />Partners</span>      <div class="submenu">        <a href="http://www.javascriptkit.com">JavaScript Kit</a>        <a href="http://www.cssdrive.com">CSS Drive</a>        <a href="http://www.codingforums.com">CodingForums</a>        <a href="http://www.dynamicdrive.com/style/">CSS Examples</a>      </div>    </div><p>Some text</p>


Files
/javascript/menu/Slashdot_Navigation_Menu/menu.css/javascript/menu/Slashdot_Navigation_Menu/menu.js/javascript/menu/Slashdot_Navigation_Menu/Slashdot_Navigation_Menu_images.zip