📄 different-colors.html
字号:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DynarchMenu: Individual customization of items and popups</title> <style type="text/css"> @import url("../src/skin-yellow.css"); body { background-color: #ccc; }</style> <script type="text/javascript"> _dynarch_menu_url = "../src/"; </script> <script type="text/javascript" src="../src/hmenu.js"></script> <style type="text/css"> /* a bigger font for all menus stuff */ div.dynarch-horiz-menu table, div.dynarch-popup-menu table { font-size: 15px } div.browsers { background-color: #fff; } div.ie, tr.ie td { background-color: #f88; } tr.mozilla td { font: bold 150% arial; color: #00f; } tr.safari td { background-color: #faa; } tr.opera td { background-color: #fdd; } tr.unix.hover td, tr.unix.active td { background-color: #7df; color: #000; } div.unix, tr.unix td { background-color: #4ae; } div.unix tr.hover td { background-color: #7df; color: #000; } tr.windows.hover td, tr.windows.active td { background-color: #fec; color: #000; } div.windows, tr.windows td { background-color: #fa9; } div.windows tr.hover td { background-color: #fec; color: #000; } </style> </head> <body onload="DynarchMenu.setup('menu');"> <blockquote> <p> Sample menu: demonstrates how one can customize individual menu items or submenus to certain colors, backgrounds, fonts, etc. All is CSS-based. Please view the source of this page for details. </p> <ul id="menu"> <li> Browsers <ul class="browsers"> <li class="ie"> Internet Explorer <ul class="ie"> <li>5.0</li> <li>5.5</li> <li>6.0</li> </ul> </li> <li class="mozilla">Mozilla Suite</li> <li class="mozilla">Mozilla Firefox</li> <li class="safari">Apple Safari</li> <li class="opera">Opera</li> </ul> </li> <li> Operating systems <ul class="oses"> <li class="unix"> Unix <ul class="unix"> <li>Linux</li> <li>FreeBSD</li> <li>Darwin</li> </ul> </li> <li class="windows"> Windows <ul class="windows"> <li>MS-DOS</li> <li>Windows 3.x</li> <li>Windows 95</li> <li>Windows 98</li> <li>Windows 2000</li> <li>Windows XP</li> </ul> </li> </ul> </li> </ul> </blockquote> </body></html><!---->
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -