📄 position.html
字号:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DynarchMenu: position test</title> <style type="text/css"> @import url("../src/skin-win2k.css"); html, body { background: #abf; margin: 0px; padding: 0px; height: 100%; color: #000; } table { font: 13px "trebuchet ms",verdana,tahoma,sans-serif; } /* some customization... ;-) */ div.dynarch-horiz-menu table tr td.item { padding: 1px 8px; border: 2px solid; border-color: #fff #808080 #808080 #fff; } div.dynarch-horiz-menu table tr td.active { padding: 2px 7px 0px 9px; border-color: #808080 #fff #fff #808080; } div.start-menu div.a { padding-left: 20px; background: url("left-dm.png") no-repeat 0 0; } div.start-menu div.b { background: #d4d0c8 url("left-icon.png") no-repeat 2px 99%; } </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> </head> <body onload="DynarchMenu.setup('menu1');"> <table style="height: 100%; width: 100%;" cellspacing="0" cellpadding="0"> <tr> <td valign="top" height="100%" style="padding: 1em;"> <h1>DynarchMenu: positioning test</h1> <p> As you can see by looking in the sources of this page, our menu gets positioned where the toplevel <ul> element is. In this page we included it in the second row of a table and aligned it in such a way that it will stay at the bottom of the page, assuming the page does fit in the browser view. </p> <p> In other words: why learning 鈥測et another positioning technique鈥⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -