シンプルã§æ±Žç”¨æ€§ã«å„ªã‚ŒãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¿ãƒ–コンテンツ -Basic TabsjQueryã¨CSS3アニメーションを使ã£ã¦ã‚·ãƒ³ãƒ—ルã«å®Ÿè£…ã™ã‚‹ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã‚¿ãƒ–コンテンツを紹介ã—ã¾ã™ã€‚ BasicTabs - The Simple jQuery/CSS3 Solution Basic Tabsã®ãƒ‡ãƒ¢ Basic Tabsã®å®Ÿè£… Basic Tabsã®ãƒ‡ãƒ¢ タブã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã§ã€è¡¨ç¤ºã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦æœ€é©åŒ–ã•ã‚Œã¾ã™ã€‚ タブã®åˆ‡æ›¿ã¯CSS3アニメーションã§ã€å·¦ã‹ã‚‰ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ã“ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®å¤‰æ›´ã¯ç°¡å˜ã§ã™ã€‚ デモページ：幅480pxã§è¡¨ç¤º Basic Tabsã®å®Ÿè£… 実装ã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルãªã®ã§ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚ç°¡å˜ã ã¨æ€ã„ã¾ã™ã€‚ Step 1: HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã€ã‚¿ãƒ–ã¯ãƒªã‚¹ãƒˆè¦ç´ ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯divè¦ç´ ã§é…ç½®ã—ã¾ã™ã€‚ <div id="tabwrap"> <!-- TABS --> <ul id="tabs"> <li class
{{#tags}}- {{label}}
{{/tags}}