{"id":2128,"date":"2006-05-05T18:20:19","date_gmt":"2006-05-06T01:20:19","guid":{"rendered":"http:\/\/hi-alex.com\/?p=2128"},"modified":"2006-05-05T18:20:19","modified_gmt":"2006-05-06T01:20:19","slug":"%e4%bb%bf%e6%b7%98%e5%ae%9d%e5%af%bc%e8%88%aa%e6%a0%87%e7%ad%be%e6%95%88%e6%9e%9c","status":"publish","type":"post","link":"http:\/\/www.hi-alex.com\/?p=2128","title":{"rendered":"\u4eff\u6dd8\u5b9d\u5bfc\u822a\u6807\u7b7e\u6548\u679c"},"content":{"rendered":"<p>[html]<br \/>\n<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\"><br \/>\n<html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\"><br \/>\n<head><br \/>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=gb2312\" \/><br \/>\n<title>\u65e0\u6807\u9898\u6587\u6863<\/title><\/p>\n<style type=\"text\/css\">\n<!--\n* {\n\tmargin: 0; padding:0\n}\nbody {\n\tmargin-top: 10px;\n\tmargin-right: auto;\n\tmargin-bottom: 10px;\n\tmargin-left: auto;\n\ttext-align: center;\n\theight: auto;\n\twidth: auto;\n\tbackground-color: #666666;\n\tfont-size: 12px;\n\tcolor: #000000;\n}\n#container {\n\ttext-align: left;\n\twidth: 760px;\n\theight: 400px;\n\tbackground-color: #FFFFFF;\n\tpadding: 20px;\n}\n#container #title {\n\theight: 28px;\n}\n#container #title li {\n\tfloat: left;\n\tlist-style-type: none;\n\theight: 28px;\n\tline-height: 28px;\n\ttext-align: center;\n\tmargin-right: 1px;\n}\n#container #title ul {\n\tbackground-color: #FFFFFF;\n\theight: 28px;\n}\n#container #title a {\n\ttext-decoration: none;\n\tcolor: #000000;\n\tdisplay: block;\n\twidth: auto;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_left_bk2.gif) no-repeat left -29px;\n}\n#container #title a span{\n\tdisplay: block;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_right_bk2.gif) no-repeat right -29px;\n\tpadding: 0 15px 0 15px;\n}\n#container #title #tag1 a:hover {\n\ttext-decoration: none;\n\tcolor: #ffffff;\n\tdisplay: block;\n\twidth: auto;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_left_bk2.gif) no-repeat left -87px;\n}\n#container #title #tag1 a:hover span{\n\tdisplay: block;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_right_bk2.gif) no-repeat right -87px;\n\tpadding: 0 15px 0 15px;\n}\n#container #title #tag2 a:hover {\n\ttext-decoration: none;\n\tcolor: #ffffff;\n\tdisplay: block;\n\twidth: auto;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_left_bk2.gif) no-repeat left 0px;\n}\n#container #title #tag2 a:hover span{\n\tdisplay: block;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_right_bk2.gif) no-repeat right 0px;\n\tpadding: 0 15px 0 15px;\n}\n#container #title #tag3 a:hover {\n\ttext-decoration: none;\n\tcolor: #ffffff;\n\tdisplay: block;\n\twidth: auto;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_left_bk2.gif) no-repeat left -58px;\n}\n#container #title #tag3 a:hover span{\n\tdisplay: block;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_right_bk2.gif) no-repeat right -58px;\n\tpadding: 0 15px 0 15px;\n}\n#container #title #tag4 a:hover {\n\ttext-decoration: none;\n\tcolor: #ffffff;\n\tdisplay: block;\n\twidth: auto;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_left_bk2.gif) no-repeat left -145px;\n}\n#container #title #tag4 a:hover span{\n\tdisplay: block;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_right_bk2.gif) no-repeat right -145px;\n\tpadding: 0 15px 0 15px;\n}\n#container #title #tag5 a:hover {\n\ttext-decoration: none;\n\tcolor: #ffffff;\n\tdisplay: block;\n\twidth: auto;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_left_bk2.gif) no-repeat left -174px;\n}\n#container #title #tag5 a:hover span{\n\tdisplay: block;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_right_bk2.gif) no-repeat right -174px;\n\tpadding: 0 15px 0 15px;\n}\n#container #title .selectli1 {\n\ttext-decoration: none;\n\tcolor: #ffffff;\n\tdisplay: block;\n\twidth: auto;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_left_bk2.gif) no-repeat left -87px;\n}\n#container #title a .selectspan1 {\n\tdisplay: block;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_right_bk2.gif) no-repeat right -87px;\n\tpadding: 0 15px 0 15px;\n}\n#container #title .selectli2 {\n\ttext-decoration: none;\n\tcolor: #ffffff;\n\tdisplay: block;\n\twidth: auto;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_left_bk2.gif) no-repeat left 0px;\n}\n#container #title a .selectspan2 {\n\tdisplay: block;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_right_bk2.gif) no-repeat right 0px;\n\tpadding: 0 15px 0 15px;\n}\n#container #title .selectli3 {\n\ttext-decoration: none;\n\tcolor: #ffffff;\n\tdisplay: block;\n\twidth: auto;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_left_bk2.gif) no-repeat left -58px;\n}\n#container #title a .selectspan3 {\n\tdisplay: block;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_right_bk2.gif) no-repeat right -58px;\n\tpadding: 0 15px 0 15px;\n}\n#container #title .selectli4 {\n\ttext-decoration: none;\n\tcolor: #ffffff;\n\tdisplay: block;\n\twidth: auto;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_left_bk2.gif) no-repeat left -145px;\n}\n#container #title a .selectspan4 {\n\tdisplay: block;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_right_bk2.gif) no-repeat right -145px;\n\tpadding: 0 15px 0 15px;\n}\n#container #title .selectli5 {\n\ttext-decoration: none;\n\tcolor: #ffffff;\n\tdisplay: block;\n\twidth: auto;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_left_bk2.gif) no-repeat left -174px;\n}\n#container #title a .selectspan5 {\n\tdisplay: block;\n\tbackground: url(http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_right_bk2.gif) no-repeat right -174px;\n\tpadding: 0 15px 0 15px;\n}\n#container #content ul {margin: 10px;}\n#container #content li {margin: 5px; }\n#container #content li img {margin: 5px;display:block;}\n#container #content {\n\theight: 300px;\n\tpadding: 10px;\n}\n.content1 {\n\tborder-top-width: 3px;\n\tborder-right-width: 1px;\n\tborder-bottom-width: 1px;\n\tborder-left-width: 1px;\n\tborder-top-style: solid;\n\tborder-right-style: solid;\n\tborder-bottom-style: solid;\n\tborder-left-style: solid;\n\tborder-top-color: #3A81C8;\n\tborder-right-color: #3A81C8;\n\tborder-bottom-color: #3A81C8;\n\tborder-left-color: #3A81C8;\n\tbackground-color: #DFEBF7;\n}\n.content2 {\n\tborder-top-width: 3px;\n\tborder-right-width: 1px;\n\tborder-bottom-width: 1px;\n\tborder-left-width: 1px;\n\tborder-top-style: solid;\n\tborder-right-style: solid;\n\tborder-bottom-style: solid;\n\tborder-left-style: solid;\n\tborder-top-color: #ff950b;\n\tborder-right-color: #ff950b;\n\tborder-bottom-color: #ff950b;\n\tborder-left-color: #ff950b;\n\tbackground-color: #FFECD2;\n}\n.content3 {\n\theight: 300px;\n\tpadding: 10px;\n\tborder-top-width: 3px;\n\tborder-right-width: 1px;\n\tborder-bottom-width: 1px;\n\tborder-left-width: 1px;\n\tborder-top-style: solid;\n\tborder-right-style: solid;\n\tborder-bottom-style: solid;\n\tborder-left-style: solid;\n\tborder-top-color: #FE74B8;\n\tborder-right-color: #FE74B8;\n\tborder-bottom-color: #FE74B8;\n\tborder-left-color: #FE74B8;\n\tbackground-color: #FFECF5;\n}\n.content4 {\n\theight: 300px;\n\tpadding: 10px;\n\tborder-top-width: 3px;\n\tborder-right-width: 1px;\n\tborder-bottom-width: 1px;\n\tborder-left-width: 1px;\n\tborder-top-style: solid;\n\tborder-right-style: solid;\n\tborder-bottom-style: solid;\n\tborder-left-style: solid;\n\tborder-top-color: #00988B;\n\tborder-right-color: #00988B;\n\tborder-bottom-color: #00988B;\n\tborder-left-color: #00988B;\n\tbackground-color: #E8FFFD;\n}\n.content5 {\n\theight: 300px;\n\tpadding: 10px;\n\tborder-top-width: 3px;\n\tborder-right-width: 1px;\n\tborder-bottom-width: 1px;\n\tborder-left-width: 1px;\n\tborder-top-style: solid;\n\tborder-right-style: solid;\n\tborder-bottom-style: solid;\n\tborder-left-style: solid;\n\tborder-top-color: #A8BC1F;\n\tborder-right-color: #A8BC1F;\n\tborder-bottom-color: #A8BC1F;\n\tborder-left-color: #A8BC1F;\n\tbackground-color: #F7FAE2;\n}\n.hidecontent {display:none;}\n-->\n<\/style>\n<p><script language=\"javascript\">\nfunction switchTag(tag,content)\n{\n\/\/\talert(tag);\n\/\/\talert(content);\n\tfor(i=1; i <6; i++)\n\t{\n\t\tif (\"tag\"+i==tag)\n\t\t{\n\t\t\tdocument.getElementById(tag).getElementsByTagName(\"a\")[0].className=\"selectli\"+i;\n\t\t\tdocument.getElementById(tag).getElementsByTagName(\"a\")[0].getElementsByTagName(\"span\")[0].className=\"selectspan\"+i;\n\t\t}else{\n\t\t\tdocument.getElementById(\"tag\"+i).getElementsByTagName(\"a\")[0].className=\"\";\n\t\t\tdocument.getElementById(\"tag\"+i).getElementsByTagName(\"a\")[0].getElementsByTagName(\"span\")[0].className=\"\";\n\t\t}\n\t\tif (\"content\"+i==content)\n\t\t{\n\t\t\tdocument.getElementById(content).className=\"\";\n\t\t}else{\n\t\t\tdocument.getElementById(\"content\"+i).className=\"hidecontent\";\n\t\t}\n\t\tdocument.getElementById(\"content\").className=content;\n\t}\n}\n<\/script><\/p>\n<style type=\"text\/css\">\nimg.wp-smiley,\nimg.emoji {\n\tdisplay: inline !important;\n\tborder: none !important;\n\tbox-shadow: none !important;\n\theight: 1em !important;\n\twidth: 1em !important;\n\tmargin: 0 .07em !important;\n\tvertical-align: -0.1em !important;\n\tbackground: none !important;\n\tpadding: 0 !important;\n}\n<\/style>\n<link rel='stylesheet' id='dashicons-css'  href='http:\/\/192.168.68.128\/blog\/wp-includes\/css\/dashicons.min.css?ver=5.5' media='all' \/>\n<link rel='stylesheet' id='admin-bar-css'  href='http:\/\/192.168.68.128\/blog\/wp-includes\/css\/admin-bar.min.css?ver=5.5' media='all' \/>\n<\/head><br \/>\n<body><\/p>\n<div id=\"container\">\n<div id=\"title\">\n<ul>\n<li id=\"tag1\"><a href=\"#\" onclick=\"switchTag('tag1','content1');this.blur();\" class=\"selectli1\"><span class=\"selectspan1\">\u9996\u9875<\/span><\/a><\/li>\n<li id=\"tag2\"><a href=\"#\" onclick=\"switchTag('tag2','content2');this.blur();\"><span>\u4e0b\u8f7d\u4e2d\u5fc3<\/span><\/a><\/li>\n<li id=\"tag3\"><a href=\"#\" onclick=\"switchTag('tag3','content3');this.blur();\"><span>\u4ea7\u54c1\u4ecb\u7ecd<\/span><\/a><\/li>\n<li id=\"tag4\"><a href=\"#\" onclick=\"switchTag('tag4','content4');this.blur();\"><span>\u4f1a\u5458\u6ce8\u518c\u4e0e\u767b\u5f55<\/span><\/a><\/li>\n<li id=\"tag5\"><a href=\"#\" onclick=\"switchTag('tag5','content5');this.blur();\"><span>\u8054\u7cfb\u6211\u4eec<\/span><\/a><\/li>\n<\/ul><\/div>\n<div id=\"content\" class=\"content1\">\n<div id=\"content1\">\n<p>\u4eff\u6dd8\u5b9d\u7f51\u7ad9\u7684\u5bfc\u822a\u6548\u679c\u3002\u6b64\u65b9\u6cd5\u6709\u51e0\u4e2a\u4f18\u70b9\uff1a<\/p>\n<p>1\u3001\u6839\u636e\u5b57\u6570\u81ea\u9002\u5e94\u9879\u76ee\u957f\u5ea6<\/p><\/div>\n<div id=\"content2\" class=\"hidecontent\">2\u3001\u4e0d\u540c\u7684\u9879\u76ee\u4f7f\u7528\u4e0d\u540c\u7684\u989c\u8272\u6765\u533a\u5206<\/div>\n<div id=\"content3\" class=\"hidecontent\">3\u3001\u8fd9\u56de\u9700\u8981\u4f7f\u7528\u5230js\u4e86\uff0c\u5475\u5475<\/div>\n<div id=\"content4\" class=\"hidecontent\">4\u3001\u80cc\u666f\u56fe\u7247\u53ea\u9700\u8981\u4e24\u4e2a\u56fe\u7247\u6587\u4ef6\u5c31\u8db3\u591f\uff0c\u51cf\u5c11\u670d\u52a1\u5668\u8d1f\u62c5<\/div>\n<div id=\"content5\" class=\"hidecontent\">5\u3001\u8fd9\u662f\u4f7f\u7528\u5230\u7684\u4e24\u4e2a\u56fe\u7247\uff1a<\/p>\n<table width=\"58%\" border=\"1\" cellspacing=\"2\" cellpadding=\"0\">\n<tr>\n<td width=\"70%\" align=\"center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_left_bk2.gif\" width=\"250\" height=\"290\" \/><\/td>\n<td width=\"30%\" align=\"center\"><img decoding=\"async\" src=\"http:\/\/pics.taobao.com\/2k5\/sys\/component\/tab_selected_right_bk2\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[html] \u65e0\u6807\u9898\u6587\u6863 \u9996\u9875 \u4e0b\u8f7d\u4e2d\u5fc3 \u4ea7\u54c1\u4ecb\u7ecd \u4f1a\u5458\u6ce8\u518c\u4e0e\u767b\u5f55 \u8054\u7cfb\u6211\u4eec \u4eff\u6dd8\u5b9d\u7f51\u7ad9\u7684\u5bfc\u822a\u6548\u679c\u3002\u6b64\u65b9\u6cd5\u6709\u51e0\u4e2a\u4f18\u70b9\uff1a 1\u3001\u6839\u636e\u5b57\u6570\u81ea\u9002\u5e94\u9879\u76ee\u957f\u5ea6 2\u3001\u4e0d\u540c\u7684\u9879\u76ee\u4f7f\u7528\u4e0d\u540c\u7684\u989c\u8272\u6765\u533a\u5206 3\u3001\u8fd9\u56de\u9700\u8981\u4f7f\u7528\u5230js\u4e86\uff0c\u5475\u5475 4\u3001\u80cc\u666f\u56fe\u7247\u53ea\u9700\u8981\u4e24\u4e2a\u56fe\u7247\u6587\u4ef6\u5c31\u8db3\u591f\uff0c\u51cf\u5c11\u670d\u52a1\u5668\u8d1f\u62c5 5\u3001\u8fd9\u662f\u4f7f\u7528\u5230\u7684\u4e24\u4e2a\u56fe\u7247\uff1a<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-2128","post","type-post","status-publish","format-standard","hentry","category-css-designing"],"_links":{"self":[{"href":"http:\/\/www.hi-alex.com\/index.php?rest_route=\/wp\/v2\/posts\/2128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.hi-alex.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.hi-alex.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.hi-alex.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.hi-alex.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2128"}],"version-history":[{"count":0,"href":"http:\/\/www.hi-alex.com\/index.php?rest_route=\/wp\/v2\/posts\/2128\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.hi-alex.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.hi-alex.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2128"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.hi-alex.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}