コンテンツãŒãŸã£ã·ã‚Šã¤ã¾ã£ã¦ä½¿ã„ã‚„ã™ãã†ãªãƒ‰ãƒãƒƒãƒ—ダウンメニュー実装デモ＆ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspot開発日誌How to Build a Kick-Butt CSS3 Mega Drop-Down Menu | Nettuts コンテンツãŒãŸã£ã·ã‚Šã¤ã¾ã£ã¦ä½¿ã„ã‚„ã™ãã†ãªãƒ‰ãƒãƒƒãƒ—ダウンメニュー実装デモ＆ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ ドãƒãƒƒãƒ—ダウンメニューã¨ã„ã†ã¨ãƒ†ã‚ストリンクã ã‘ã®ç¾…列をイメージã—ãŒã¡ã§ã™ãŒã€æ¬¡ã®ã‚ˆã†ãªãƒªãƒƒãƒãªãƒ‰ãƒãƒƒãƒ—ダウンを実装ã™ã‚‹ãƒ‡ãƒ¢ã§ã™ã€‚ ソースã®DLãŒå¯èƒ½ãªã®ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ä½¿ã†ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ç”»åƒãªã‚“ã‹ã‚‚å…¥ã£ã¦ãƒªãƒƒãƒãªãƒ‰ãƒãƒƒãƒ—ダウン。 ５カラムã‹ã‚‰æ§‹æˆã•ã‚Œã‚‹è¤‡é›‘ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚‚タブã®ä¸ã«å…¥ã£ã¡ã‚ƒã„ã¾ã™ã€‚ ４カラム。シンプルã ã‘ã©ã‚«ãƒ†ã‚´ãƒ©ã‚¤ã‚ºã•ã‚Œã¦ã„ã¦æŠ¼ã—ã‚„ã™ã„。 ドãƒãƒƒãƒ—ダウンメニューã®å¤§é …ç›®ã¯å¿…è¦æœ€å°é™ã«ã—ã¦ã€ä¸‹ä½ã§ã“ã†ã„ã†æ„Ÿã˜ã«åºƒã’ã‚Œã°ã€åŸºæœ¬ã®ã‚·ãƒ³ãƒ—ルã•ã¯ä¿ã¡ã¤ã¤ã€æ²¢å±±ãƒšãƒ¼ã‚¸ã®ã‚るサイトã§ã‚ã£ã¦ã‚‚比較的迷ã†ã“ã¨ãªã„ナビゲーションを実ç¾ã§ãã‚‹ã®ã‹ã‚‚。 関連エントリ ドãƒãƒƒãƒ—ダウン
JavaScriptãªã—ã§CSSã®ã¿ã§å®Ÿç¾ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ダウンã®ã‚µãƒ³ãƒ—ル:phpspot開発日誌
select ボックスを超便利ã«ã—ã¦ãれユーザビリティå‘上ã«ä½¿ãˆã‚‹ã€ŒjQselectableã€:phpspot開発日誌
jQueryã§å¹…ã®å¤§ããªãƒ‰ãƒãƒƒãƒ—ダウンメニュー作æˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}