{"id":90,"date":"2008-07-17T12:11:25","date_gmt":"2008-07-17T03:11:25","guid":{"rendered":"http:\/\/www.bton.net46.net\/?p=90"},"modified":"2008-07-17T12:11:25","modified_gmt":"2008-07-17T03:11:25","slug":"%e3%83%9e%e3%82%a6%e3%82%b9%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc%e3%80%81%e3%82%af%e3%83%aa%e3%83%83%e3%82%af%e3%81%a7%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%8c%e5%b1%95%e9%96%8b%e3%81%99%e3%82%8b","status":"publish","type":"post","link":"https:\/\/bton.papalabs.net\/?p=90","title":{"rendered":"\u30de\u30a6\u30b9\u30aa\u30fc\u30d0\u30fc\u3001\u30af\u30ea\u30c3\u30af\u3067\u30e1\u30cb\u30e5\u30fc\u304c\u5c55\u958b\u3059\u308b\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3UI\u8272\u3005"},"content":{"rendered":"<p><strong>\u3010\u305d\u306e\uff11\u3011<br \/>\n<\/strong><a href=\"http:\/\/nettuts.com\/javascript-ajax\/create-a-simple-intelligent-accordion-effect-using-prototype-and-scriptaculous\/\" target=\"_blank\">NETTUTS &#8211; Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous<\/a><\/p>\n<p>AJAX\uff0bCSS\u3067\u30e1\u30cb\u30e5\u30fc\u304c\u7e26\u306b\u5c55\u958b\u3057\u307e\u3059\u3002\u540c\u4e00\u30a6\u30a4\u30f3\u30c9\u30a6\u3067\u30b3\u30f3\u30d1\u30af\u30c8\u306b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u9b45\u305b\u305f\u3044\u3068\u304d\u306b\u3002<br \/>\n\u30c7\u30e2\u3042\u308a\u3002<\/p>\n<p>\u3010\u305d\u306e\uff12\u3011<br \/>\n<a href=\"http:\/\/www.leigeber.com\/2008\/05\/horizontal-javascript-accordion-menu\/\" target=\"_blank\">JavaScript\u306b\u3088\u308b\u6c34\u5e73\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3UI\u300cHorizontal JavaScript Accordion\u300d<\/a><\/p>\n<p>\u3053\u3061\u3089\u3082AJAX\uff0bCSS\u306e\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u30e1\u30cb\u30e5\u30fc\u3067\u3059\u304c\u3001\u6a2a\u306b\u5c55\u958b\u3057\u307e\u3059\u3002\uff06\u3046\u306b\u3085\u30fc\u3093\u3068\u30b4\u30e0\u3092\u5f15\u3063\u5f35\u3063\u305f\u3088\u3046\u306a\u30b9\u30e0\u30fc\u30b9\u30b9\u30e9\u30a4\u30c9\u3067\u3059\u3002<\/p>\n<p>\u3010\u305d\u306e\uff13\u3011<br \/>\n<a href=\"http:\/\/www.cssnewbie.com\/css-only-accordion\/\" target=\"_blank\">The CSS-Only Accordion Effect &#8211; CSSnewbie<\/a><\/p>\n<p>\u3053\u3061\u3089\u306f\u3001CSS\u306e\u307f\u3067\u5b9f\u88c5\u306e\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3UI\u3067\u3059\u3002\u89e3\u8aac\u3082\u7d30\u304b\u304f\uff08\u82f1\u8a9e\u3060\u3051\u3069\uff09\u52c9\u5f37\u306b\u3082\u306a\u308a\u307e\u3059\u306d\u3002<\/p>\n<p>\u3010\u305d\u306e\u4ed6\u3011<\/p>\n<ul>\n<li><a href=\"http:\/\/cssglobe.com\/lab\/easyscroll\/\" target=\"_blank\">Easy Scroll v1.0 &#8211; Unobtrusive content scroller<\/a><\/li>\n<li><a href=\"http:\/\/stickmanlabs.com\/accordion\/\" target=\"_blank\"><span>Accordion<\/span> v2.0<\/a><\/li>\n<li><a href=\"http:\/\/www.nyokiglitter.com\/tutorials\/tabs.html\" target=\"_blank\">NYOKIGLITTER &#8211; Tab Styled Accordion<\/a><\/li>\n<li><a href=\"http:\/\/nettuts.com\/javascript-ajax\/create-a-cool-animated-navigation-with-css-and-jquery\/\" target=\"_blank\">NETTUTS &#8211; Web development tutorials and links &#8211; Create a Cool Animated Navigation with CSS and jQuery<\/a><\/li>\n<li><a href=\"http:\/\/woork.blogspot.com\/2008\/03\/using-css-and-mootools-to-simulate.html\" target=\"_blank\">woork: Using CSS and Mootools to simulate Flash horizontal navigation effect<\/a><\/li>\n<\/ul>\n<p>\u30b3\u30f3\u30bb\u30d7\u30c8\u306f\u3001\u540c\u3058\u3067\u3059\u304c\u3001\u3053\u3093\u306a\u306b\u8272\u3005\u306a\u30c7\u30b6\u30a4\u30f3\u3084\u52d5\u304d\u304c\u3042\u308b\u306e\u306d\u3001\u3063\u3066\u304f\u3089\u3044\u3001\u8272\u3005\u3042\u3063\u3066\u3069\u308c\u3082\u9762\u767d\u3044\u3067\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u3010\u305d\u306e\uff11\u3011 NETTUTS &#8211; Create a Simple, Intelligent Accordion Effect Using Prototype and Scriptaculous AJAX\uff0bCSS [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[71],"tags":[82,59,231],"_links":{"self":[{"href":"https:\/\/bton.papalabs.net\/index.php?rest_route=\/wp\/v2\/posts\/90"}],"collection":[{"href":"https:\/\/bton.papalabs.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bton.papalabs.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bton.papalabs.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bton.papalabs.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=90"}],"version-history":[{"count":0,"href":"https:\/\/bton.papalabs.net\/index.php?rest_route=\/wp\/v2\/posts\/90\/revisions"}],"wp:attachment":[{"href":"https:\/\/bton.papalabs.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=90"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bton.papalabs.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=90"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bton.papalabs.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}