[JS]多ãã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒè¨ç½®ã§ãるドãƒãƒƒãƒ—ダウン型ã®ãƒŠãƒ“ゲーション -jDivæ´—ç·´ã•ã‚ŒãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ãƒ‰ãƒãƒƒãƒ—ダウンãŒé–‹é–‰ã™ã‚‹ãƒŠãƒ“ゲーションをSkyrocket Labsã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ jDiv デモページ デモã§ã¯å·¦ç«¯ã®ã€ŒRollover Me!ã€ã®ãƒ‰ãƒãƒƒãƒ—ダウンã«å¤šãã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒè¨ç½®ã§ãるパãƒãƒ«ãŒè¨å®šã•ã‚Œã¦ãŠã‚Šã€ãƒªã‚¹ãƒˆã‚„ç”»åƒãªã©è¤‡é›‘ãªã‚‚ã®ã‚‚é…ç½®ãŒå¯èƒ½ã§ã™ã€‚ ナビゲーションã¯ãƒªã‚¹ãƒˆè¦ç´ ã€ãƒ‘ãƒãƒ«ã¯divè¦ç´ ã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã¯CSSã§è‡ªç”±ã«è¨å®šãŒã§ãã¾ã™ã€‚ HTML <textarea name="code" class="html" cols="60" rows="5"> <!-- BEGIN MAIN NAV MENU--> <div id="menu"> <ul> <li><a href="#" id="menu1">Rollover me!</a></li> <li><a href="#">Link # 2</a><</li> <li
[CSS]ãƒãƒƒã‚¯ç„¡ã—ã§ã€ä¸é€æ˜Žãªãƒ‘ãƒãƒ«ã‚’ドãƒãƒƒãƒ—ダウンã™ã‚‹ãƒŠãƒ“ゲーション
[JS]ユーザビリティã«é…æ…®ã—ãŸãƒ‰ãƒãƒƒãƒ—ダウン型ã®ãƒŠãƒ“ゲーションを実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
[JS]é…置済ã¿ã®ãƒªãƒ³ã‚¯ã«ãƒ‰ãƒãƒƒãƒ—ダウンを簡å˜ã«è¿½åŠ ã§ãるスクリプト
{{#tags}}- {{label}}
{{/tags}}