[ Mini Kiebo ]
Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586
Path:
D:
/
xampp182
/
htdocs
/
simpeg
/
zapatec
/
zpmenu
/
zpmenu
/
demo
/
[
Home
]
File: vertical.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd"> <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <meta name="description" content=" This is a vertical menu, in which the items expand to the right of their parents. Most menus are horizontal menus, in which the items expand below their parents. You can choose to build a horizontal or vertical menu."> <meta name="keywords" content="dhtml tools,javascript,DHTML Tools,Javascript,ajax,AJAX,Ajax,ajax tools,AJAX Tools,tools controls,simple javascript tools"> <title>Zapatec DHTML Menu Widget - A Vertical Menu</title> <!-- Common JS files --> <script type='text/javascript' src='../../utils/zapatec.js'></script> <!-- Custom includes --> <script type="text/javascript" src="../src/zpmenu.js"></script> <!-- ALL demos need these css --> <link href="../../website/css/zpcal.css" rel="stylesheet" type="text/css"> <link href="../../website/css/template.css" rel="stylesheet" type="text/css"> <style type="text/css"> body { width: 778px; } </style> <link rel="SHORTCUT ICON" href="http://www.zapatec.com/website/main/favicon.ico"> </head> <body> <div class='zpCalSubHeader' style='text-align:center;'>A Vertical Menu</div> <div class='zpCalDemoText'> <ul> <li>This is a vertical menu, in which the items expand to the right of their parents. Most menus are horizontal menus, in which the items expand below their parents.</li> <li>You can choose to build a horizontal or vertical menu.</li> </ul> </div> <ul id="myMenu" style="display:none"> <li> <a href="http://www.dmoz.org/Arts/">Arts</a><br> <ul> <li> <a href="http://www.dmoz.org/Arts/Movies/">Movies</a> </li> <li> <a href='http://www.zapatec.com/website/main/products/prod1/'> Calendar </a> </li> <li> <a href="http://www.dmoz.org/Arts/Television/">Television</a> </li> <li> <hr/> </li> <li id="music"> <a href="http://www.dmoz.org/Arts/Music/">Music</a> <ul> <li> <a href="http://www.dmoz.org/Arts/Music/Bands_and_Artists/">Bands</a> </li> <li> <a href="http://www.dmoz.org/Arts/Music/Instruments/">Instruments</a> </li> </ul> </li> </ul> </li> <li> <a href="http://www.dmoz.org/Business/">Business</a><br> <ul> <li> <a href="http://www.dmoz.org/Business/Real_Estate/">Real Estate</a> </li> <li> <a href="http://www.dmoz.org/Business/Investing/">Investing</a> </li> </ul> </li> <li> <a href="http://www.dmoz.org/Computers/">Computers</a><br> <ul> <li> <a href="http://www.dmoz.org/Computers/Internet/">Internet</a> </li> <li id="software"> <a href="http://www.dmoz.org/Computers/Software/">Software</a> </li> <li> <a href="http://www.dmoz.org/Computers/Hardware/">Hardware</a> </li> </ul> </li> <li><a href="#">Many Levels</a> <ul> <li><a href="#">Level-1a</a></li> <li><a href="#">Level-1b</a> <ul> <li><a href="#">Level-2a</a></li> <li><a href="#">Level-2b</a> <ul> <li><a href="#">Level-3a</a></li> <li><a href="#">Level-3b</a> <ul> <li><a href="#">Level-4a</a></li> <li><a href="#">Level-4b</a></li> </ul> <!-- Level-3b sub-menu --> </li> <!-- Level-3b --> </ul> <!-- Level-2b sub-menu --> </li> <!-- Level-2b --> </ul> <!-- Level-1b sub-menu --> </li> <!-- Level-1b --> </ul> <!-- Many Levels sub-menu --> </li> <!-- Many Levels --> </ul> <script type="text/javascript"> var menu = new Zapatec.Menu({theme: 'planks', source: 'myMenu', vertical: true}); </script> <noscript> <br/> This page uses an <a href='http://www.zapatec.com/website/main/products/suite/'> AJAX Component</a> - Zapatec DHTML Menu Widget, but your browser does not support Javascript. <br/> <br/> </noscript> <br/><br/><br/> <div class="footer" style='width: 778px; text-align:center; margin-top:2em'> © 2004-2007 <strong> <a href='http://www.zapatec.com/'>Zapatec, Inc.</a> </strong> </div> </body> </html>