📄 vertical.html
字号:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DynarchMenu: vertical menus</title> <style type="text/css"> @import url("../src/skin-xp.css"); body { background-color: #ccc; }</style> <script type="text/javascript"> // WARNING: the following should be a path relative to site, like "/hmenu/" // here it is set relative to the current page only, which is not recommended // for production usage; it's useful in this case though to make the demo work // correctly on local systems. _dynarch_menu_url = "../src/"; </script> <script type="text/javascript" src="../src/hmenu.js"></script> <style type="text/css"> td.leftside div.dynarch-popup-menu { border-color: #000; background-color: #e5e5f5; } td.leftside div.dynarch-popup-menu table tr td { white-space: nowrap; font: bold italic 12px georgia,serif; } </style> </head> <body onload="DynarchMenu.setup('menu1', { vertical: true }); DynarchMenu.setup('menu2');"> <table> <tr> <td valign="top" class="leftside"> <ul id="menu1"> <li>Item 1</li> <li>Item 2</li> <li> Item _3 <ul> <li>Submenu 1 Item 1</li> <li> Submenu 1 Item 2 <ul> <li>Submenu 2 Item 1</li> <li>Submenu 2 Item 2</li> <li>Submenu 2 Item 3</li> <li>Submenu 2 Item 4</li> </ul> </li> <li>Submenu 1 Item 3</li> <li></li> <li>Submenu 1 Item 4</li> </ul> </li> <li></li> <li>Item 4</li> </ul> </td> <td valign="top" style="padding-left: 1em"> <p> The menu on the left is created in vertical state by default. As you can see in this page source, it is defined in the exact same way as a horizontal menu, the only difference being at creation time: you need to pass "vertical: true" in the configuration parameter. </p> <p> As it is more intuitive this way, a vertical menu will also imply 鈥渆lectric鈥⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -