📄 topv.html
字号:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-type" content="text/html; charset: utf-8" /> <title>DHTML Menu</title> <link rel="stylesheet" type="text/css" href="../../src/skin-xp.css" /> <script type="text/javascript" src="../../src/hmenu.js"></script> <style type="text/css"> html, body { margin: 0; padding: 0; background-color: #445; color: #000; font: 9pt Verdana,Tahoma,sans-serif; } div.dynarch-horiz-menu table, div.dynarch-popup-menu table { font: 10pt tahoma,verdana,sans-serif; } div.dynarch-popup-menu { border-right: 0; } div.dynarch-popup-menu div.a { background-color: #e0e5f5; padding-top: 30px; padding-bottom: 30px; } </style> <script type="text/javascript"> function ourAction(arg) { alert(arg.info.label + " is supported"); } </script> </head> <body> <div style="position: absolute; right: 0px; top: 100px; "> <ul id="menu" class="noicons"> <li> _Index <ul class="noicons"> <li id="item-index"><a href="index.html" target="popups_frame">General info</a></li> <li id="item-details"><a href="details.html" target="popups_frame">Technical details</a></li> <li id="item-qa"><a href="qa.html" target="popups_frame" title="Questions and answers">_Questions & answers</a></li> <li></li> <li><a target="_parent" href="../frames.html">Horizontal layout</a></li> <li></li> <li id="item-lorem"><a href="lorem1.html" target="popups_frame">Lorem Ipsum</a></li> </ul> </li> <li></li> <li> Bigger _menu <ul class="noicons"> <li> _Other stuff <ul class="noicons"> <li> Browsers <ul onclick="ourAction(this)"> <li> <img src="../../icons/win.gif" /> Internet Explorer 6 </li> <li> <img src="../../icons/win.gif" /> Internet Explorer 7 Beta </li> <li> <img src="../../icons/mozilla.gif" /> Mozilla/Firefox </li> <li> <img src="../../icons/apple.gif" /> Apple Safari </li> <li> <img src="../../icons/opera.gif" /> Opera 8 </li> <li> <img src="../../icons/konqueror.gif" /> Konqueror </li> </ul> </li> <li> _Programming <ul class="noicons"> <li>JavaScript</li> <li>Perl</li> <li>Ruby</li> <li>Lisp</li> <li>C/C++</li> <li>Python</li> </ul> </li> <li>Food</li> <li></li> <li> _Cars <ul class="noicons"> <li>BMW</li> <li>Mercedes</li> <li>Audi</li> <li>Volkswagen</li> <li>Peugeot</li> </ul> </li> <li></li> <li>Some more</li> <li>Items...</li> </ul> </li> <li></li> <li>Cut</li> <li>Copy</li> <li>Paste</li> </ul> </li> <li> _Another menu <ul class="noicons"> <li>Please note _that</li> <li>_keyboard navigation</li> <li>works too.</li> </ul> </li> </ul> </div> <div style="position: absolute; bottom: 100px; right: 20px; font: 12pt Impact; text-align: right;"> <a style="color: orange;" target="_top" href="http://www.dynarch.com/products/dhtml-menu/">DynarchMenu:<br />The Ultimate</a><br /> <a style="color: orange;" target="_top" href="http://www.dynarch.com/products/dhtml-menu/">DHTML Menu</a> </div> </body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -