{"id":1196,"date":"2010-08-01T09:45:54","date_gmt":"2010-08-01T01:45:54","guid":{"rendered":"http:\/\/blog.jixin.ntxz.net\/?p=1196"},"modified":"2010-08-01T09:45:54","modified_gmt":"2010-08-01T01:45:54","slug":"%e5%85%b3%e4%ba%8etab%e9%80%89%e9%a1%b9%e5%8d%a1%e7%9a%84%e4%b8%80%e4%ba%9b%e5%ae%9e%e7%8e%b0%e6%96%b9%e5%bc%8f-2","status":"publish","type":"post","link":"http:\/\/www.ntxz.net\/?p=1196","title":{"rendered":"\u5173\u4e8eTab(\u9009\u9879\u5361)\u7684\u4e00\u4e9b\u5b9e\u73b0\u65b9\u5f0f"},"content":{"rendered":"

\u5bf9\u4e8e\u8fd9\u4e2a\u529f\u80fd\uff0c\u6211\u60f3\u5927\u5bb6\u90fd\u4e0d\u964c\u751f\u3002\u6700\u521d\u662f\u5728zEUS\u7684DZTHEME\u4e0a\u89c1\u5230,\u540e\u6765\u6162\u6162\u7684\u5f88\u591a\u4eba\u90fd\u5f00\u59cb\u559c\u6b22\u8fd9\u79cd\u505a\u6cd5\uff0c\u56e0\u4e3a\u8fd9\u6837\u505a\u6709\u5f88\u591a\u597d\u5904\uff0c\u6700\u660e\u663e\u7684\u5c31\u662f\u5728\u6709\u9650\u7684\u5730\u65b9\u653e\u66f4\u591a\u7684\u5185\u5bb9\u3002\u5f53\u7136\u8fd9\u4e0d\u662f\u6211\u4eca\u5929\u8981\u8bf4\u7684\u4e3b\u8981\u5185\u5bb9\uff0c\u4eca\u5929\u8c08\u7684\u662f\u600e\u4e48\u5b9e\u73b0\uff0c\u54ea\u79cd\u5b9e\u73b0\u65b9\u5f0f\u66f4\u597d\u3002<\/p>\n

\u5176\u5b9e\u6700\u8fd1\u770b\u4e86\u5f88\u591a\u5173\u4e8eTABS\u7684\u6587\u7ae0\uff0c\u5927\u5bb6\u7684\u5b9e\u73b0\u65b9\u5f0f\u90fd\u4e0d\u4e00\u6837\uff0c\u4f46\u6548\u679c\u662f\u4e00\u6837\uff0c\u4eca\u5929\u53c8\u5728\u57ce\u8baa@\u540e\u4e0a\u770b\u5230\u4e86\u4ed6\u7684\u201d\u4e3a\u4f60\u7684\u535a\u5ba2\u8f7b\u677e\u6dfb\u52a0Tabs\u9009\u9879\u5361\u5207\u6362\u6548\u679c\u201c\uff0c\u6240\u4ee5\u624d\u60f3\u5199\u8fd9\u7bc7\u6587\u7ae0\u7684\u3002<\/p>\n

\u6211\u4eec\u73b0\u5728\u770b\u4e0b\u6548\u679c\u56fe\u3002
\n $\"\"$ <\/a>
\n\u73b0\u5728\u6211\u4eec\u6765\u4e00\u6b65\u4e00\u6b65\u5b9e\u73b0\u5b83\u3002\u9996\u5148\u6211\u4eec\u770b\u4e0bJavaScript\u4ee3\u7801:
\n
\nfunction setTab(name,cursel,n){
\nfor(i=1;i<=n;i++){\nvar menu=document.getElementById(name+i);\nvar con=document.getElementById(\"con_\"+name+\"_\"+i);\nmenu.className=i==cursel?\"current_sidebar\":\"\";\ncon.style.display=i==cursel?\"block\":\"none\";\n}\n}\n<\/coolcode>
\n\u4e00\u6bb5\u5f88\u7b80\u5355\u7684\u4ee3\u7801\uff0c\u6ce8\u91ca\u6211\u5c31\u4e0d\u5199\u4e86\uff0c\u4f46\u529f\u80fd\u53bb\u5f88\u5f3a\u5927\u3002\u53ef\u4ee5\u5f88\u65b9\u4fbf\u7684\u6dfb\u52a0\u591a\u4e2aTAB\uff0c\u53ea\u9700\u4fee\u6539ID\u540d\u5c31\u884c\u3002
\n\u6211\u4eec\u770b\u4e0b\u5b9e\u9645\uff1a
\n<\/p>\n

\n

Tab1<\/li>\n
Tab2<\/li>\n
Tab3<\/li>\n<\/ul>\n
\n
\u65b0\u95fb\u5217\u88681<\/div>\n
\u65b0\u95fb\u5217\u88682<\/div>\n
\u65b0\u95fb\u5217\u88683<\/div>\n<\/div>\n<\/div>\n
<\/coolcode>
\n\u5982\u679c\u6211\u4eec\u8981\u6dfb\u52a0\u591a\u4e2a\uff0c\u53ea\u9700\u8981\u628a\u4e0a\u9762\u7684one1\u6539\u6210two1,con_one_1\u6539\u6210con_two_1\u5c31\u884c\u4e86\uff0c\u8fd9\u6837\u5c31\u80fd\u5f88\u65b9\u4fbf\u7684
\n\u4e3a\u4f60\u7684\u9875\u9762\u6dfb\u52a0\u591a\u4e2aTAB\uff0c\u5c31\u50cf\u6211\u7684\u4fa7\u8fb9\u680f\u3002<\/p>\n
\u597d\u4e86\uff0c\u6700\u540e\u6211\u4eec\u6765\u770b\u4e0b\u8fd0\u884c\u6548\u679c\u3002<\/p>\n
\n
\r\n<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" >\r\n<html xmlns="http:\/\/www.w3.org\/1999\/xhtml">\r\n<head>\r\n<meta http-equiv="Content-Type" content="text\/html;charset=gb2312" \/>\r\n<title>\u7b80\u6d01Tab<\/title>\r\n<style type="text\/css">\r\n\r\n<\/style>\r\n<script>\r\n\r\n<\/script>\r\n<\/head>\r\n<body>\r\n<br><br>\r\n<div class="Menubox">\r\n<ul>\r\n <li id="one1" onmouseover="setTab('one',1,4)" >\u65b0\u95fb1<\/li>\r\n <li id="one2" onmouseover="setTab('one',2,4)" class="hover">\u65b0\u95fb2<\/li>\r\n <li id="one3" onmouseover="setTab('one',3,4)">\u65b0\u95fb3<\/li>\r\n <li id="one4" onmouseover="setTab('one',4,4)">\u65b0\u95fb4<\/li>\r\n<\/ul>\r\n<\/div>\r\n <div class="Contentbox">\r\n <div id="con_one_1" >\u65b0\u95fb\u5217\u88681<\/div>\r\n <div id="con_one_2" style="display:none">\u65b0\u95fb\u5217\u88682<\/div>\r\n <div id="con_one_3" style="display:none">\u65b0\u95fb\u5217\u88683<\/div>\r\n <div id="con_one_4" style="display:none">\u65b0\u95fb\u5217\u88684<\/div>\r\n <\/div>\r\n<br \/>\r\n<div class="Menubox">\r\n<ul>\r\n <li id="two1" onClick="setTab('two',1,4)" class="hover">\u65b0\u95fb1<\/li>\r\n <li id="two2" onClick="setTab('two',2,4)" >\u65b0\u95fb2<\/li>\r\n <li id="two3" onClick="setTab('two',3,4)">\u65b0\u95fb3<\/li>\r\n <li id="two4" onClick="setTab('two',4,4)">\u65b0\u95fb4<\/li>\r\n<\/ul>\r\n<\/div>\r\n <div class="Contentbox">\r\n <div id="con_two_1" >\u65b0\u95fb\u5217\u88681<\/div>\r\n <div id="con_two_2" style="display:none">\u65b0\u95fb\u5217\u88682<\/div>\r\n <div id="con_two_3" style="display:none">\u65b0\u95fb\u5217\u88683<\/div>\r\n <div id="con_two_4" style="display:none">\u65b0\u95fb\u5217\u88684<\/div>\r\n <\/div>\r\n<br \/>\r\n <div class="Menubox">\r\n<ul>\r\n <li id="three1" onClick="setTab('three',1,3)" class="hover">\u65b0\u95fb1<\/li>\r\n <li id="three2" onClick="setTab('three',2,3)" >\u65b0\u95fb2<\/li>\r\n <li id="three3" onClick="setTab('three',3,3)">\u65b0\u95fb3<\/li>\r\n<\/ul>\r\n<\/div>\r\n <div class="Contentbox">\r\n <div id="con_three_1" >\u65b0\u95fb\u5217\u88681<\/div>\r\n <div id="con_three_2" style="display:none">\u65b0\u95fb\u5217\u88682<\/div>\r\n <div id="con_three_3" style="display:none">\u65b0\u95fb\u5217\u88683<\/div>\r\n <\/div>\r\n <br \/>\r\n <div class="Menubox">\r\n<ul>\r\n <li id="four1" onClick="setTab('four',1,3)" class="hover">\u65b0\u95fb1<\/li>\r\n <li id="four2" onClick="setTab('four',2,3)" >\u65b0\u95fb2<\/li>\r\n <li id="four3" onClick="setTab('four',3,3)">\u65b0\u95fb3<\/li>\r\n<\/ul>\r\n<\/div>\r\n <div class="Contentbox">\r\n <div id="con_four_1" >\u65b0\u95fb\u5217\u88681<\/div>\r\n <div id="con_four_2" style="display:none">\u65b0\u95fb\u5217\u88682<\/div>\r\n <div id="con_four_3" style="display:none">\u65b0\u95fb\u5217\u88683<\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n<\/textarea><\/p>\n<script type=\"text\/javascript\">function changeTsize(){document.getElementById(\"runcode_rXxK0U\").style.height = document.getElementById(\"runcode_rXxK0U\").scrollHeight + \"px\";}window.setTimeout(changeTsize,0);<\/script><p><input type=\"button\" value=\"\u8fd0\u884c\" class=\"runcode_button\" onclick=\"runcode_open_new('runcode_rXxK0U');\"\/> <input type=\"button\" value=\"\u590d\u5236\" class=\"runcode_button\" onclick=\"runcode_copy('runcode_rXxK0U');\"\/> <input type=\"button\" value=\"\u53e6\u5b58\u4ee3\u7801\" class=\"runcode_button\" onclick=\"saveCode('runcode_rXxK0U','runcode_rXxK0U');\"\/> \u63d0\u793a\uff1a\u4f60\u53ef\u4ee5\u5148\u4fee\u6539\u90e8\u5206\u4ee3\u7801\u518d\u8fd0\u884c\u3002<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u5bf9\u4e8e\u8fd9\u4e2a\u529f\u80fd\uff0c\u6211\u60f3\u5927\u5bb6\u90fd\u4e0d\u964c\u751f\u3002\u6700\u521d\u662f\u5728zEUS\u7684DZTHEME\u4e0a\u89c1\u5230,\u540e\u6765\u6162\u6162\u7684\u5f88\u591a\u4eba\u90fd\u5f00\u59cb\u559c\u6b22\u8fd9\u79cd\u505a\u6cd5\uff0c\u56e0 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41],"tags":[36,42],"class_list":["post-1196","post","type-post","status-publish","format-standard","hentry","category-jquery-2","tag-jquery","tag-tab"],"views":839,"_links":{"self":[{"href":"http:\/\/www.ntxz.net\/index.php?rest_route=\/wp\/v2\/posts\/1196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.ntxz.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.ntxz.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.ntxz.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.ntxz.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1196"}],"version-history":[{"count":1,"href":"http:\/\/www.ntxz.net\/index.php?rest_route=\/wp\/v2\/posts\/1196\/revisions"}],"predecessor-version":[{"id":1198,"href":"http:\/\/www.ntxz.net\/index.php?rest_route=\/wp\/v2\/posts\/1196\/revisions\/1198"}],"wp:attachment":[{"href":"http:\/\/www.ntxz.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1196"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.ntxz.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1196"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.ntxz.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}