»
AnglaisFrançaisVietnamien

Imprimer - XP Style Switch Navigation - JavaScriptBank.com

Version complète: jsB@nk » Menu » Navigation » XP Style Switch Navigation
URL: https://www.javascriptbank.com/xp-style-switch-navigation.html

XP Style Switch Navigation © JavaScriptBank.comCe code crée menus de navigation avec Feuille de style CSS et les opérations sont similaires à Windows XP. En outre, ce code utilise également cookie pour stocker l'état des menus, et le effet fondu est optionnelle, vous pouvez l'a éteint. Voir aussi: Switch Menu script.

Version complète: jsB@nk » Menu » Navigation » XP Style Switch Navigation
URL: https://www.javascriptbank.com/xp-style-switch-navigation.html



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


HTML
<div style="text-align: left; width: 70%;"><div class="navbar"><!-- *********************************Start Menu****************************** --><div class="mainDiv" ><div class="topItem" >Demo Menu 1</div>        <div class="dropMenu" ><!-- --><div class="subMenu" style="display:inline;"><div class="subItem"><a href="#">Configuration</a></div>        <div class="subItem"><a href="#">Tool Box</a></div><div class="subItem"><a href="#">Contact Us</a></div><div class="subItem"><a href="#">Sub Menu 4</a></div><div class="subItem"><a href="#">Sub Menu 5</a></div></div></div></div><!-- *********************************End Menu****************************** --><br><!-- *********************************Start Menu****************************** --><div class="mainDiv" ><div class="topItem"  >Demo Menu 2</div>        <div class="dropMenu" ><!-- --><div class="subMenu" style="display:none;"><div class="subItem"><a href="#">Configuration</a></div><div class="subItem"><a href="#">Sub Menu 2</a></div><div class="subItem"><a href="#">Sub Menu 3</a></div><div class="subItem"><a href="#">Sub Menu 4</a></div>        </div></div></div><!-- *********************************End Menu****************************** --><script type="text/javascript" src="xpmenuv21.js" author="Eric Simmons" url="http://www.jswitch.com"></script></div>


Files
/javascript/menu/XP_Style_Switch_Navigation/arrow-down-title-on.jpg/javascript/menu/XP_Style_Switch_Navigation/arrow-down-title.jpg/javascript/menu/XP_Style_Switch_Navigation/arrow-up-title-on.jpg/javascript/menu/XP_Style_Switch_Navigation/arrow-up-title.jpg/javascript/menu/XP_Style_Switch_Navigation/sddm.css/javascript/menu/XP_Style_Switch_Navigation/xpmenuv21.js