CSSã ã‘ã§ä½œã‚‹amazon風ãªç¸¦åž‹ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼å…ˆæ—¥ã€ã€ŒCSSã ã‘ã§ä½œã‚‹å‹•ãã®ã‚るドãƒãƒƒãƒ—ダウンメニューã€ã¨ã„ã†è¨˜äº‹ã®ã‚³ãƒ¡ãƒ³ãƒˆå†…ã§ã€amazonã®ã‚ˆã†ãªãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’CSSã ã‘ã§ä½œã‚Œãªã„ã®ã‹ã¨ã„ã†ã‚³ãƒ¡ãƒ³ãƒˆã„ãŸã ãã¾ã—ãŸã®ã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ CSSã ã‘ã§ã™ã®ã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ç¾ã‚Œæ–¹ãªã©è‹¥å¹²é•ã„ã¾ã™ã€‚box-shadowã¨border-radiusã¯IE8以下ã§ã€çŸ¢å°ã‚’作るãŸã‚ã®æ“¬ä¼¼è¦ç´ ã¯IE7以下ã§éžå¯¾å¿œã§ã™ãŒã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ã—ã¦ã®æ©Ÿèƒ½ã¯æžœãŸã›ã¾ã™ã€‚ ã§ã¯è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ HTML ã¾ãšã¯HTMLã‹ã‚‰èª¬æ˜Žã—ã¾ã™ã€‚é•·ã„ã®ã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼1ã¤åˆ†ã®ã¿è¼‰ã›ã¾ã™ã€‚コード全体ã¯ã‚µãƒ³ãƒ—ルã®ä¸‹ã«è¼‰ã›ã¦ã„ã¾ã™ã®ã§ã”覧ãã ã•ã„。 <div id="menu-tittle">メニュー</div> <ul id="sample"> <li> <a href="#">メインカテゴリー1</a> <ul> <h3>メインカテゴリー1</h3> <li><a href="#">サブ
[CSS]スクリプト無ã—ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–用ã®ãƒŠãƒ“ゲーションを表示ã™ã‚‹ã¡ã‚‡ã£ã¨ç´ 敵ãª7種類ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
[CSS]ã‹ã£ã“ã„ã„アイデアãŒç››ã‚Šè¾¼ã¾ã‚ŒãŸæ¨ªã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ãƒŠãƒ“ゲーション
http://handywebdesign.net/2013/03/layout-and-design-about-menu/
CSS3ã§ä½œã‚‹ãƒŠãƒ“ゲーションメニューã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã„ã‚ã„ã‚
jQuery+CSSã§å®Ÿè£…ã™ã‚‹ãƒŠãƒ“ゲーションメニューç·é›†ç·¨ - ã‹ã¡ã³ã¨.net
{{#tags}}- {{label}}
{{/tags}}