{"id":516,"date":"2005-01-07T18:36:19","date_gmt":"2005-01-07T09:36:19","guid":{"rendered":"http:\/\/yanfeng.org\/blog\/index.php?p=516"},"modified":"2005-01-07T18:36:19","modified_gmt":"2005-01-07T09:36:19","slug":"%e4%b8%8b%e6%8b%89%e5%bc%8f%e5%af%bc%e8%88%aa%e6%a0%8f","status":"publish","type":"post","link":"http:\/\/yanfeng.org\/dia\/516","title":{"rendered":"\u4e0b\u62c9\u5f0f\u5bfc\u822a\u680f"},"content":{"rendered":"

\u5b66\u7740\u8fd9\u4e2a\u7f51\u7ad9<\/a>\u7684\u6837\u5b50\uff0c\u505a\u4e86\u4e2a\u4e0b\u62c9\u5f0f\u7684\u5bfc\u822a\u680f\u3002\u4f7f\u7528javascript\uff0c\u5982\u679c\u4f60\u7981\u7528\u4e86javascript\uff0c\u5c31\u4e0d\u80fd\u6b63\u5e38\u5de5\u4f5c\u4e86\u3002\u6211\u5728firefox\uff0cie\uff0cmsn\u4e0b\u90fd\u770b\u4e86\uff0c\u633a\u6b63\u5e38\u7684\u3002\u5982\u679c\u4f60\u53d1\u73b0\u8fd9\u4e2a\u5bfc\u822a\u680f\u4e0d\u80fd\u6b63\u5e38\u5de5\u4f5c\uff0c\u8bf7\u544a\u8bc9\u6211\uff0c\u5728\u8bc4\u8bba\u91cc\u7559\u4e0b\u4f60\u4f7f\u7528\u7684\u7cfb\u7edf\u548c\u6d4f\u89c8\u5668\u3002<\/p>\n

\u6211\u7b80\u5355\u4ecb\u7ecd\u4e00\u4e0b\u5236\u4f5c\u65b9\u6cd5\u3002<\/p>\n

1\u3002html \u4ee3\u7801\uff0c\u4f8b\u5b50\uff1a<\/p>\n

<ul id=”navsite”><\/p>\n

<li><a href=”index.php” style=”width: 4em;” >\u9996\u9875<\/a>
\n <\/li><\/p>\n

<li><a href=”archives.php” style=”width: 4em;” >\u6863\u6848<\/a>
\n <ul id=”category”>
\n <li><a href=”index.php?cat=3″>\u79d1\u6280<\/a><\/li>
\n <li><a href=”index.php?cat=2″>\u7f51\u7edc<\/a><\/li>
\n <\/ul>
\n <\/li><\/p>\n

<\/ul><\/p>\n

\u6839\u636e\u4f60\u7684\u5b9e\u9645\u9700\u8981\u66f4\u6539\u3002<\/p>\n

2\u3001css code \u4f8b\u5b50\uff1a<\/p>\n

ul#navsite,
\n#navsite ul {
\n font: 1em Verdana, sans-serif;
\n padding: 0;
\n margin: 0;
\n list-style: none;
\n background-color: white;
\nfloat: right;
\n }
\n#navsite li {
\n float: left; \/* arrange top menu items horizontally *\/
\n text-align: center;
\n }
\n\/* Absolute position with auto setting means the item will appear
\n where it would have appeared normally, but is taken out of the
\n flow and floats above all the content. *\/
\n#navsite li ul {
\n position: absolute;
\n top: auto;<\/p>\n

left: -999em; \/* for better accessibility than using display:none *\/
\n }
\n* > html #navsite li ul { \/* “Tan Hack” for IE Mac only *\/
\n display: none;
\n left: auto;
\n }
\n#navsite li:hover ul,
\n* html #navsite li.sfhover ul { \/* for IE-Win and other non-IE browsers *\/
\n left: auto;
\n }
\n* > html #navsite li.sfhover ul { \/* “Tan Hack” for IE Mac only *\/
\n display: block; \/* IE-Mac gets confused by the left:-999em rule, so we do this. *\/
\n border: 1px solid #778; \/* to visually confirm this rule is being used on IE-Mac *\/
\n }
\n#navsite li ul li {
\n float: none; \/* sub-menu items will stack vertically as normal list *\/
\n text-align: left;
\n }
\n#navsite a {
\n display: block;
\n text-decoration: none;
\n color: #FFF;
\n background-color: #73a0c5;
\n padding: 1px 0px 2px 0px; \/* no right-left padding for top level items *\/
\n border: 1px solid #FFF;
\n }
\n#navsite li ul li a { \/* for sub-menu items *\/
\n \/* Apply the width here (not to li) so that IE regards entire width as clickable *\/
\n \/* This also seems to fix the “3px gap between list items” bug in IE. *\/
\n width: 6em;
\n border-top-style: none; \/* to get single line between items *\/
\n padding: 1px 10px 2px 10px;
\n }
\n\/* note: important to keep ordering of LVHA link, visited, hover, active *\/
\n#navsite a:link:hover,
\n#navsite a:visited:hover {
\n color: #73a0c5;
\n background-color: #FFF;
\n border-color: #FFF;
\n }<\/p>\n

\u6839\u636e\u4f60\u7684\u8bbe\u8ba1\u9700\u8981\u8fdb\u884c\u66f4\u6539\u3002<\/p>\n

3\u3001javascript \u4ee3\u7801<\/p>\n

<script type=”text\/javascript” language=”JavaScript”>
\n <!–
\n sfHover = function() {
\n var sfEls = document.getElementById(“navsite”).getElementsByTagName(“LI”);
\n for (var i=0; i
\n <\/script><\/p>\n

\u52a0\u8fdb\u7f51\u9875\u7684header\u91cc\u3002<\/p>\n

\u505a\u4e86\u8fd9\u4e09\u6b65\u5c31\u53ef\u4ee5\u4e86\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"

\u5b66\u7740\u8fd9\u4e2a\u7f51\u7ad9\u7684\u6837\u5b50\uff0c\u505a\u4e86\u4e2a\u4e0b\u62c9\u5f0f\u7684\u5bfc\u822a\u680f\u3002\u4f7f\u7528javascript\uff0c\u5982\u679c\u4f60\u7981\u7528\u4e86javascript\uff0c\u5c31\u4e0d\u80fd\u6b63 […]<\/p>... ","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1023],"tags":[],"class_list":["post-516","post","type-post","status-publish","format-standard","hentry","category-log"],"_links":{"self":[{"href":"http:\/\/yanfeng.org\/dia\/wp-json\/wp\/v2\/posts\/516","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/yanfeng.org\/dia\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/yanfeng.org\/dia\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/yanfeng.org\/dia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/yanfeng.org\/dia\/wp-json\/wp\/v2\/comments?post=516"}],"version-history":[{"count":0,"href":"http:\/\/yanfeng.org\/dia\/wp-json\/wp\/v2\/posts\/516\/revisions"}],"wp:attachment":[{"href":"http:\/\/yanfeng.org\/dia\/wp-json\/wp\/v2\/media?parent=516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/yanfeng.org\/dia\/wp-json\/wp\/v2\/categories?post=516"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/yanfeng.org\/dia\/wp-json\/wp\/v2\/tags?post=516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}