📄 html-items.html
字号:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DynarchMenu: HTML in menu items</title> <style type="text/css"> @import url("../src/skin-modern.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/"; // the global variable "menu" will remember a reference to our menu object // it will be used to set configuration options later, from the menu item with the input field var menu = null; function initDocument() { menu = DynarchMenu.setup('menu', { electric: 250 }); }; </script> <script type="text/javascript" src="../src/hmenu.js"></script> </head> <body onload="initDocument()"> <ul id="menu"> <li> <a><span style="color: #00f; font-weight: bold">禄</span> <i>More information</i></a> <ul> <li><a href="#"><b>A _bold item</b></a></li> <li><a href="#">_Item with <b>bold</b> text</a></li> <li></li> <li><a href="#"><span style="color: red">_Red item</span></a></li> <li></li> <li> <a href="javascript:retval=true; var fld=document.getElementById('f-timeout'); menu.config.electric=fld.value; fld.select(); fld.focus();"> Electric _timeout: <input id="f-timeout" style="border-width: 1px;" type="text" value="250" size="3" /> </a> </li> </ul> </li> </ul> <p> The above menu shows how one can include arbitrary HTML inside menu <em>items</em>. If you look into the page source, you'll find out that it's pretty straight-forward: all you need to do is to embed the item inside an <A> tag, even if it has no action associated. </p> <p> Everything inside an <A> tag will be copied into the menu 鈥⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -