[CSS]ã‹ã£ã“ã„ã„アイデアãŒç››ã‚Šè¾¼ã¾ã‚ŒãŸæ¨ªã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ãƒŠãƒ“ゲーションスクリプト無ã—ã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をスライドã•ã›ã€æ¨ªã‹ã‚‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã‚Œã‚‹ãƒŠãƒ“ゲーションを実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ ã“ã®ã‚ªãƒ•ã‚ャンãƒã‚¹ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚‚å°‘ã—ãšã¤ç¢ºå®Ÿã«é€²åŒ–ã—ã¦ã¾ã™ã。 デモã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ スライドã®åˆ‡æ›¿ã«ã¯ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’使ã‚ã‚Œã¦ãŠã‚Šã€ãƒŠãƒ“ゲーションãŒè¡¨ç¤ºã•ã‚Œã‚‹éš›ã«ã¯å„アイテムãŒç•°ãªã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¾ã™ã€‚ HTML コンテンツエリアã¯sectionè¦ç´ ã§ã€ãã“ã«ãƒŠãƒ“ゲーション表示ã®ãƒˆã‚°ãƒ«ã¨ãªã‚‹ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®ãƒ©ãƒ™ãƒ«ã‚’é…ç½®ã—ã¾ã™ã€‚ナビゲーションã¯ã€æ™®é€šã«ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ <div id="wrapper"> <div class="mobile"> <!-- トグルã¨ãªã‚‹ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ --> <input type="checkbox" id="tm" /> <!-- ナビゲーション --> <ul class="sidenav"> <
{{#tags}}- {{label}}
{{/tags}}