{"id":359,"date":"2009-01-13T09:32:11","date_gmt":"2009-01-13T01:32:11","guid":{"rendered":""},"modified":"2014-02-27T23:06:26","modified_gmt":"2014-02-27T15:06:26","slug":"%e4%b8%89%e7%ba%a7%e8%8f%9c%e5%8d%95","status":"publish","type":"post","link":"http:\/\/www.xiaoyebailong.com\/index.php\/2009\/01\/13\/359.htm","title":{"rendered":"\u4e09\u7ea7\u83dc\u5355"},"content":{"rendered":"
\n

[Code]<html> <\/p>\n

<head>
\n<meta http-equiv="Content-Type" content="text\/html; charset=gb2312">
\n<title>CSS \u5236\u4f5c\u7684\u4e09\u7ea7\u83dc\u5355<\/title>
\n<style type="text\/css">
\n<!–
\nbody {
\nfont-family: Arial, Helvetica, sans-serif;
\nfont-size: 11px;
\nmargin-left: 0px;
\nmargin-top: 0px;
\nmargin-right: 0px;
\nmargin-bottom: 0px;
\n}
\n#menu {
\nbackground-color: #FEF0E5;
\nfilter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=’#FFFFFF’, endColorStr=’#FEF0E5′, gradientType=’0′);
\n}
\n#nav, #nav ul {
\nfloat:left; \/* \u83dc\u5355\u603b\u4f53\u6c34\u5e73\u4f4d\u7f6e *\/
\nclear:right; 
\nlist-style:none;
\n\/*line-height:22px;  \u4e00\u7ea7\u83dc\u5355\u9ad8 *\/
\n\/*background: #eee; \u6240\u6709\u83dc\u5355\u79fb\u51fa\u8272 *\/
\n\/*font-weight: bold;8*\/
\npadding:0px;
\nmargin:0px;
\n\/*border:1px solid #ccc;
\nborder-right: 0px;*\/
\n}
\n#nav ul ul{
\n\/*border:1px solid #ccc;*\/
\nborder-top:0px;
\nborder-right:0px;
\n}
\n#nav a {
\nwidth:120px;
\ndisplay:block;
\ncolor:#333;
\ntext-decoration:none;
\ntext-align:left;
\n\/*border-right:1px solid #CCC;*\/
\npadding: 3px 4px 3px 7px;
\n}
\n#nav a:hover{
\ncolor:#000;
\nborder:1px solid #CCC;
\nmargin: 0px;
\npadding: 3px 5px 3px 6px;
\nbackground-color: #f1f1f1;
\ntext-decoration: none;
\n} \/* \u6240\u6709 a:hover \u5b57\u4f53\u6837\u5f0f *\/
\n#nav a.selected{background:url(flyout_arrow.gif) no-repeat right 50%;} \/* \u4e0b\u62c9\u56fe\u6807 *\/
\n#nav li {
\nfloat:none;
\nclear:right;
\nheight:22px;
\nwidth:120px;
\n}
\n#nav li ul li{
\nfloat:none;
\nclear:right;
\nheight:22px;
\nwidth:120px;
\n}
\n#nav li ul { \/* \u4e8c\u7ea7\u5f39\u51fa\u4f4d *\/
\nposition:absolute;
\n    margin:-22px 0px 0px 119px;
\npadding:0;
\nleft:-9999em;
\nwidth:120px;
\nfont-weight:normal;
\ndisplay:block;
\nborder:1px solid #CCCCCC;
\nbackground:#fff;
\n}
\n \/* \u4e8c\u7ea7\u83dc\u5355\u5bbd *\/
\n#nav li ul a {
\nwidth:120px; \/* \u4e8c\u7ea7\u83dc\u5355\u5bbd *\/
\n\/*line-height:24px; \u4e8c\u7ea7\u83dc\u5355\u9ad8 
\nborder:1px solid #CCC;*\/
\nheight:22px;
\ntext-align:left;
\n    margin: 0px;
\n}
\n#nav li ul ul {
\nmargin:-22px 0px 0px 120px;
\nborder:1px solid #CCC;
\n} \/* \u4e09\u7ea7\u5f39\u51fa\u4f4d *\/
\n#nav li:hover ul ul,#nav li.sfhover ul ul{left:-9999em;}
\n#nav li:hover ul,#nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{
\nleft:auto;
\nheight:22px;
\n} \/* \u6240\u6709\u5f39\u51fa\u83dc\u5355\u81ea\u52a8\u5de6\u8fb9\u8ddd *\/
\n#nav li:hover, #nav li.sfhover {
\nbackground:#f1f1f1;
\nheight:22px;
\n} 
\n\/* \u6240\u6709\u60ac\u6d6e\u6837\u5f0f *\/
\n–>
\n<\/style>
\n<script type="text\/javascript"><!–\/\/–><![CDATA[\/\/><!–
\nimg1=new Image();
\nimg1.src="flyout_arrow.gif";
\nsfHover = function() {
\nvar sfEls = document.getElementById("nav").getElementsByTagName("LI");
\nfor (var i=0; i<sfEls.length; i++) {
\nsfEls[i].onmouseover=function() {
\nthis.className+=" sfhover";
\n}
\nsfEls[i].onmouseout=function() {
\nthis.className=this.className.replace(new RegExp(" sfhover\\\\b"), "");
\n}
\n}
\n}
\nwindow.onload=sfHover;
\n\/\/–><!]]><\/script>
\n<\/head> <\/p>\n

<body> <\/p>\n

<table  width="120"  border="0" cellspacing="0" cellpadding="0" >
\n  <tr>
\n    <td valign="top" id="menu">
\n<ul id="nav">
\n<li><a href="http:\/\/www.51item.net" target="_blank">
\n<span style="font-size: 9pt">\u9996\u9875<\/span><\/a><\/li>
\n<li><a href="#" target="_blank" class="selected">
\n<span style="font-size: 9pt">\u9879\u76ee\u9700\u6c42\u5408\u4f5c<\/span><\/a><span style="font-size: 9pt">
\n<\/span>
\n<ul>
\n<li ><a href="#" class="selected"><span style="font-size: 9pt">\u7f51\u7ad9\u9879\u76ee  
\n<\/span> <\/a>
\n<ul>
\n          <li><a href="#">
\n<span style="font-size: 9pt">\u7f51\u7ad9\u9879\u76ee <\/span> <\/a>
\n          <li><a href="#">
\n<span style="font-size: 9pt">\u6574\u7ad9\u9879\u76ee<\/span><\/a><\/li>
\n  <li><a href="#">
\n<span style="font-size: 9pt">\u7f51\u7ad9\u5206\u6790\u7b56\u5212<\/span><\/a><\/li>
\n  <li><a href="#" target="_blank">
\n<span style="font-size: 9pt">\u7f51\u9875\u8bbe\u8ba1\u5236\u4f5c<\/span><\/a><\/li>
\n  <li><a href="#">
\n<span style="font-size: 9pt">\u7f51\u7ad9\u5236\u4f5c\u4e0e\u5f00\u53d1<\/span><\/a><\/li>
\n  <li><a href="#">
\n<span style="font-size: 9pt">\u7f51\u7ad9flash\u52a8\u753b<\/span><\/a><\/li>
\n  <li><a href="#">
\n<span style="font-size: 9pt">\u7f51\u7ad9\u670d\u52a1\u5668<\/span><\/a><\/li> 
\n            <\/ul>
\n<\/li>
\n<li ><a href="#" class="selected"><span style="font-size: 9pt">\u591a\u5a92\u4f53\u8bbe\u8ba1\u5236\u4f5c<\/span><\/a><span style="font-size: 9pt">
\n<\/span>
\n<ul>
\n          <li><a href="#">
\n<span style="font-size: 9pt">\u7f51\u7ad9\u9879\u76ee <\/span> <\/a>
\n          <li><a href="#">
\n<span style="font-size: 9pt">\u5e73\u9762\u8bbe\u8ba1<\/span><\/a><\/li>
\n  <li><a href="#">
\n<span style="font-size: 9pt">CAD\u5de5\u7a0b\u56fe\u8bbe\u8ba1<\/span><\/a><\/li>
\n  <li><a href="#">
\n<span style="font-size: 9pt">3D\u5efa\u6a21\u4e0e\u52a8\u753b<\/span><\/a><\/li>
\n  <li><a href="#">
\n<span style="font-size: 9pt">Flash\u6e38\u620f\u52a8\u753b<\/span><\/a><\/li>
\n  <li><a href="#">
\n<span style="font-size: 9pt">\u97f3\u6548\u53ca\u97f3\u4e50<\/span><\/a><\/li>
\n  <li><a href="#">
\n<span style="font-size: 9pt">\u6e38\u620f\u539f\u753b\u8bbe\u5b9a<\/span><\/a><\/li> 
\n            <\/ul>
\n<\/li>
\n<li ><a href="#" class="selected"><span style="font-size: 9pt">\u8f6f\u4ef6\u5f00\u53d1<\/span><\/a><span style="font-size: 9pt">
\n<\/span>
\n<ul>
\n          <li><a href="#">
\n<span style="font-size: 9pt">\u5e94\u7528\u8f6f\u4ef6<\/span><\/a><\/li>
\n  <li><a href="#">
\n<span style="font-size: 9pt">\u6e38\u620f\u5f00\u53d1<\/span><\/a><\/li>
\n  <li><a href="#">
\n<span style="font-size: 9pt">\u9a71\u52a8\u7a0b\u5e8f<\/span><\/a><\/li>
\n  <li><a href="#">
\n<span style="font-size: 9pt">\u5d4c\u5165\u5f0f\u5f00\u53d1<\/span><\/a><\/li>
\n  <li><a href="#">
\n<span style="font-size: 9pt">\u624b\u673a\u5f00\u53d1<\/span><\/a><\/li>
\n  <li><a href="#">
\n<span style="font-size: 9pt">\u5355\u7247\u673a<\/span><\/a><\/li> 
\n  <li><a href="#">
\n<span style="font-size: 9pt">\u6570\u636e\u5e93\u8bbe\u8ba1<\/span><\/a><\/li> 
\n  <li><a href="#">
\n<span style="font-size: 9pt">\u4ee3\u7801\u79fb\u690d<\/span><\/a><\/li> 
\n            <\/ul>  
\n<\/li>
\n<li><a href="#"><span style="font-size: 9pt">\u7f51\u7edc\u786c\u4ef6<\/span><\/a><\/li>
\n<\/ul>
\n<\/li>
\n<li><a href="#" target="_blank" class="selected">
\n<span style="font-size: 9pt">\u4fe1\u606f\u4e0e\u77e5\u8bc6<\/span><\/a><span style="font-size: 9pt">
\n<\/span>
\n<ul>
\n<li><a class="selected" href="#"><span style="font-size: 9pt">\u4fe1\u606f\u4e0e\u77e5\u8bc6<\/span><\/a><span style="font-size: 9pt">
\n<\/span>
\n<ul>
\n<li><a href="#">
\n<span style="font-size: 9pt">\u5b9e\u7528\u4fe1\u606f\u4e0e\u5de5\u5177 <\/span> <\/a><\/li>
\n<li><a href="#">
\n<span style="font-size: 9pt">\u65b0\u95fb\u52a8\u6001<\/span><\/a><\/li>
\n<li><a href="#">
\n<span style="font-size: 9pt">\u77e5\u8bc6\u4e0e\u6280\u80fd<\/span><\/a><\/li>
\n<li><a href="#">
\n<span style="font-size: 9pt">\u8bbe\u8ba1\u5236\u4f5c\u4e0e\u6b23\u8d4f<\/span><\/a><\/li>
\n<li><a href="#">
\n<span style="font-size: 9pt">\u9879\u76ee\u4ea4\u6613\u7ecf\u9a8c\u8c08<\/span><\/a><\/li>
\n<li><a href="#">
\n<span style="font-size: 9pt">\u4e0b\u8f7d<\/span><\/a><\/li>
\n<\/ul>
\n<\/li>
\n<\/ul>
\n<\/li>
\n<li><a href="#">
\n<span style="font-size: 9pt">\u4f18\u79c0\u4f5c\u54c1\u6b23\u8d4f<\/span><\/a><\/li>
\n<li><a href="#" target="_blank">
\n<span style="font-size: 9pt">\u62db\u9a8b<\/span><\/a><\/li>
\n<li><a href="#">
\n<span style="font-size: 9pt">\u5173\u4e8e\u672c\u7ad9<\/span><\/a><\/li>
\n<\/ul>
\n<\/td>
\n  <\/tr>
\n<\/table> <\/p>\n

<\/body> <\/p>\n

<\/html>
\n[\/Code]<\/p>\n<\/div>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

[Code]<html> <head> <meta http-equiv="Content-Type" content="text\/html; cha…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"topic":[],"class_list":["post-359","post","type-post","status-publish","format-standard","hentry","category-technology"],"_links":{"self":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/comments?post=359"}],"version-history":[{"count":1,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/359\/revisions"}],"predecessor-version":[{"id":66225,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/359\/revisions\/66225"}],"wp:attachment":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/media?parent=359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/categories?post=359"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/tags?post=359"},{"taxonomy":"topic","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/topic?post=359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}