skins.html
来自「用于一医院的电子病历系统. JAVA开发。很有参考价值。」· HTML 代码 · 共 99 行
HTML
99 行
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> DynarchMenu: about skins and writing your own </title> <script type="text/javascript"> var _dynarch_menu_url = "../src/"; </script> <script type="text/javascript" src="../src/hmenu.js"></script> <link rel="stylesheet" href="../src/skin-sample.css" /> <style type="text/css"> .my-item-open td.label { color: green; font: bold 12px verdana; } </style> </head> <body onload="DynarchMenu.setup('menu')"> <ul id="menu" style="visibility: hidden"> <li>File <ul> <li> _New <ul> <li>_Window</li> <li></li> <li>_Message</li> <li>_Post</li> <li>_Contact</li> <li>_Internet Call</li> </ul> </li> <li class="my-item-open">_Open...</li> <li class="disabled">_Save</li> <li>Save _As...</li> <li></li> <li>Page set_up</li> <li>_Print</li> <li>Print Pre_view</li> <li></li> <li> S_end <ul> <li>_Page by Email...</li> <li>_Link by Email...</li> <li>_Shortcut to Desktop</li> </ul> </li> <li>_Import and Export...</li> <li></li> <li>P_roperties</li> <li>_Work offline</li> <li>_Close</li> </ul> </li> <li></li> <li>Edit <ul> <li>Cut</li> <li>Copy</li> <li>Paste</li> <li></li> <li>Select all</li> </ul> </li> </ul> <h1>Making skins</h1> <p> This document exemplifies a really gross skin that we created in order to help you understand how to style the menu. The CSS file can be found in <a type="text/plain" href="../src/skin-sample.css">src/skin-sample.css</a> and it is properly commented. Please read it and <em>experiment</em> on it. ;-) </p> <p> Additionally, this file demonstrates that you can have items with different style within the same submenu. This is something more related to your particular page than to the general menu skin, therefore it is specified separately. For instance, the "Open" item from the "File" menu has a green color. We achieve this by specifying class="my-item-open" in the <li> that defines the item, and adding the following after loading the menu skin: </p> <pre><style type=<span class="string">"text/css"</span>> <span class="variable-name">.my-item-open</span> td<span class="variable-name">.label</span> { <span class="keyword">color:</span> green; }</style></pre> <p> Good luck! ;-)<br /> The <a href="http://www.dynarch.com/">Dynarch.com</a> team. </p> </body></html><!---->⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?