﻿{"id":1631,"date":"2019-10-21T17:48:51","date_gmt":"2019-10-21T09:48:51","guid":{"rendered":"http:\/\/jilin.hydesign.tw\/?p=1631"},"modified":"2022-03-23T14:41:32","modified_gmt":"2022-03-23T06:41:32","slug":"jquery-tab","status":"publish","type":"post","link":"http:\/\/jilin.hydesign.tw\/index.php\/2019\/10\/21\/jquery-tab\/","title":{"rendered":"jQuery Tab \u5340\u584a\u5207\u63db"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">$(function(){\n     \/\/ \u9810\u8a2d\u986f\u793a\u7b2c\u4e00\u500b Tab\n     var _showTab = 0;\n     var $defaultLi = $('ul.tabs li').eq(_showTab).addClass('active');\n     $('.show .text').hide();\n     \/\/$('.show .text').eq($defaultLi.index()).siblings().hide();\n      \n     \/\/ \u7576 li \u9801\u7c64\u88ab\u9ede\u64ca\u6642...\n     \/\/ \u82e5\u8981\u6539\u6210\u6ed1\u9f20\u79fb\u5230 li \u9801\u7c64\u5c31\u5207\u63db\u6642, \u628a click \u6539\u6210 mouseover\n     $('ul.tabs li').mouseover(function() {\n          \/\/ \u627e\u51fa li \u4e2d\u7684\u8d85\u9023\u7d50 href(#id)\n          var $this = $(this),\n               _index = $this.index();\n          \/\/ \u628a\u76ee\u524d\u9ede\u64ca\u5230\u7684 li \u9801\u7c64\u52a0\u4e0a .active\n          \/\/ \u4e26\u628a\u5144\u5f1f\u5143\u7d20\u4e2d\u6709 .active \u7684\u90fd\u79fb\u9664 class\n          $this.addClass('active').siblings('.active').removeClass('active');\n          \/\/ \u6de1\u5165\u76f8\u5c0d\u61c9\u7684\u5167\u5bb9\u4e26\u96b1\u85cf\u5144\u5f1f\u5143\u7d20\n          $('.hide li').eq(_index).stop(false, true).fadeIn().siblings().hide();\n \n          return false;\n     }).find('a').focus(function(){\n          this.blur();\n     });\n});<\/pre>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;!--html-->\n&lt;div>      \n&lt;ul class=\"tabs\">                    \n  &lt;li>&lt;div class=\"pic\">&lt;a href=\"javascript:;\" target=\"_blank\">&lt;img src=\"images\/01\/logo_01.png\" alt=\"\"\/>&lt;\/a>&lt;\/div>&lt;\/li>                        \n  &lt;li>&lt;div class=\"pic\">&lt;a href=\"javascript:;\" target=\"_blank\">&lt;img src=\"images\/01\/logo_02.png\" alt=\"\"\/>&lt;\/a>&lt;\/div>&lt;\/li>                        \n  &lt;li>&lt;div class=\"pic\">&lt;a href=\"javascript:;\" target=\"_blank\">&lt;img src=\"images\/01\/logo_03.png\" alt=\"\"\/>&lt;\/a>&lt;\/div>&lt;\/li>                        \n  &lt;li>&lt;div class=\"pic\">&lt;a href=\"javascript:;\" target=\"_blank\">&lt;img src=\"images\/01\/logo_04.png\" alt=\"\"\/>&lt;\/a>&lt;\/div>&lt;\/li>                        \n&lt;\/ul>\n&lt;\/div>\n \n&lt;div class=\"show\">\n  &lt;div class=\"text\" id=\"hide_text_1\"> show 1 &lt;\/div>\n  &lt;div class=\"text\" id=\"hide_text_2\"> show 2 &lt;\/div>\n  &lt;div class=\"text\" id=\"hide_text_3\"> show 3 &lt;\/div>\n  &lt;div class=\"text\" id=\"hide_text_4\"> show 4 &lt;\/div>\n&lt;\/div><\/pre>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[54,14,12,4],"tags":[],"class_list":["post-1631","post","type-post","status-publish","format-standard","hentry","category-jquery","category-js","category-front-end","category-notes"],"_links":{"self":[{"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts\/1631","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/comments?post=1631"}],"version-history":[{"count":8,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts\/1631\/revisions"}],"predecessor-version":[{"id":7094,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/posts\/1631\/revisions\/7094"}],"wp:attachment":[{"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/media?parent=1631"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/categories?post=1631"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jilin.hydesign.tw\/index.php\/wp-json\/wp\/v2\/tags?post=1631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}