{"id":1644,"date":"2018-03-04T11:27:17","date_gmt":"2018-03-04T02:27:17","guid":{"rendered":"http:\/\/blue-bear.jp\/kb\/?p=1644"},"modified":"2018-03-04T11:27:17","modified_gmt":"2018-03-04T02:27:17","slug":"jquery-%e3%82%bf%e3%83%96%e3%82%92%e8%a8%ad%e7%bd%ae%e3%81%97%e3%80%81%e3%82%bf%e3%83%96%e3%82%92%e3%82%bf%e3%83%83%e3%83%97%e3%81%99%e3%82%8b%e3%81%a8%e6%9c%ac%e6%96%87%e3%81%8c%e5%88%87%e3%82%8a","status":"publish","type":"post","link":"https:\/\/blue-bear.jp\/kb\/jquery-%e3%82%bf%e3%83%96%e3%82%92%e8%a8%ad%e7%bd%ae%e3%81%97%e3%80%81%e3%82%bf%e3%83%96%e3%82%92%e3%82%bf%e3%83%83%e3%83%97%e3%81%99%e3%82%8b%e3%81%a8%e6%9c%ac%e6%96%87%e3%81%8c%e5%88%87%e3%82%8a\/","title":{"rendered":"[jquery] \u30bf\u30d6\u3092\u8a2d\u7f6e\u3057\u3001\u30bf\u30d6\u3092\u30bf\u30c3\u30d7\u3059\u308b\u3068\u672c\u6587\u304c\u5207\u308a\u66ff\u308f\u308b"},"content":{"rendered":"

\u30bf\u30d6\u3092\u8a2d\u7f6e\u3057\u3001\u30bf\u30d6\u3092\u30bf\u30c3\u30d7\u3059\u308b\u3068\u672c\u6587\u3092\u5207\u308a\u66ff\u3048\u308b\u65b9\u6cd5\u306f\u4ee5\u4e0b\u306e\u901a\u308a<\/p>\n

jquery\u3068javascript\u3092\u5b9f\u88c5<\/p>\n

<script src=\"https:\/\/code.jquery.com\/jquery-2.1.3.min.js\"><\/script>\r\n<script type=\"text\/javascript\">\r\n$(function () {\r\n \/*\u521d\u671f\u8868\u793a*\/\r\n $('.tabcontent').hide();\r\n $('.tabcontent').eq(0).show();\r\n $('.tabmenu li').eq(0).addClass('tabactive');\r\n \/*\u30af\u30ea\u30c3\u30af\u30a4\u30d9\u30f3\u30c8*\/\r\n $('.tabmenu li').each(function () {\r\n $(this).on('click', function () {\r\n var index = $('.tabmenu li').index(this);\r\n $('.tabmenu li').removeClass('tabactive');\r\n $(this).addClass('tabactive');\r\n $('.tabcontent').hide();\r\n $('.tabcontent').eq(index).show();\r\n });\r\n });\r\n});\r\n<\/script><\/pre>\n
HTML\u90e8\u5206<\/p>\n
<ul class=\"tabmenu clearfix\">\r\n <li class=\"tabactive\">\u30bf\u30d6\uff11<\/li>\r\n <li>\u30bf\u30d6\uff12<\/li>\r\n <li>\u30bf\u30d6\uff13<\/li>\r\n <li>\u30bf\u30d6\uff14<\/li>\r\n <\/ul>\r\n<div class=\"tabcontent\">\r\n\u672c\u6587\uff11\r\n<\/div>\r\n<div class=\"tabcontent\">\r\n\u672c\u65872\r\n<\/div>\r\n<div class=\"tabcontent\">\r\n\u672c\u65873\r\n<\/div>\r\n<div class=\"tabcontent\">\r\n\u672c\u65874\r\n<\/div>\r\n\r\n<\/pre>\n
CSS\u90e8\u5206<\/p>\n
\/*TOP\u306e\u30bf\u30d6*\/\r\n.tabmenu{\r\n padding:0px;\r\n }\r\n.tabmenu li{\r\n font-size:9px;\r\n width:24%;\r\n background:#333;\r\n float:left;\r\n list-style:none;\r\n padding:10px 0 10px;\r\n text-align:center;\r\n display:block;\r\n cursor: pointer;\r\n color:#FFF;\r\n}\r\n\r\n.tabactive, .hover {\r\n background:#999 !important;\r\n color: #000 !important;\r\n font-weight:bold !important;\r\n}\r\n\r\n.tabmenu li img:hover { opacity:0.7;\r\nfilter: alpha(opacity=70);\r\n-ms-filter: \"alpha( opacity=70 )\";}\r\n \r\n \/*TOP\u306e\u30bf\u30d6*\/<\/pre>\n","protected":false},"excerpt":{"rendered":"
\u30bf\u30d6\u3092\u8a2d\u7f6e\u3057\u3001\u30bf\u30d6\u3092\u30bf\u30c3\u30d7\u3059\u308b\u3068\u672c\u6587\u3092\u5207<\/p>\n","protected":false},"author":1,"featured_media":46,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/1644"}],"collection":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/comments?post=1644"}],"version-history":[{"count":1,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/1644\/revisions"}],"predecessor-version":[{"id":1645,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/posts\/1644\/revisions\/1645"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/media\/46"}],"wp:attachment":[{"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/media?parent=1644"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/categories?post=1644"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blue-bear.jp\/kb\/wp-json\/wp\/v2\/tags?post=1644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}