IE6対応ï¼jQueryã§é€éŽPNGã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚’作る (1/3)é€éŽPNGã«å¯¾å¿œã—ãŸãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã®ã‚µãƒ³ãƒ—ル。メニュー画åƒã¯åŠé€æ˜Žã«ãªã£ã¦ãŠã‚ŠèƒŒæ™¯ãŒé€ã‘ã¦ã„る。IE6ã‚’å«ã‚€ã‚¯ãƒã‚¹ãƒ–ラウザーã«å¯¾å¿œã—ã¦ã„る（画åƒã‚¯ãƒªãƒƒã‚¯ã§ã‚µãƒ³ãƒ—ルページを表示ã—ã¾ã™ï¼‰ ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã®åŸºæœ¬éƒ¨åˆ†ã‚’ãŠã•ã‚‰ã„ 「é€éŽPNG対応ã€ã¨ã„ã£ã¦ã‚‚ã€IE6以外ã®ãƒ–ラウザーã§ã¯å˜ã«é€éŽPNGç”»åƒã‚’用æ„ã™ã‚‹ã ã‘ã§ã™ã®ã§ã€é€šå¸¸ã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã¨å¤‰ã‚ã‚Šã¾ã›ã‚“。ã¾ãšã¯å‰å›žã®ãŠã•ã‚‰ã„ã‚’ã‹ãã¦ã€é€šå¸¸ã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚’作æˆã—ã¾ã—ょã†ã€‚以下ã®ã‚ˆã†ãªHTMLï¼XHTML（以下ã€HTML）を用æ„ã—ã¾ã™ã€‚メニューã¯ul/liè¦ç´ ã§è¨˜è¿°ã—ã€imgè¦ç´ ã®class属性ã«ã¯ã€Œrolloverã€ã‚’è¨å®šã—ã¾ã™ã€‚ã“ã“ã§ã¯ã€æ¬¡ã®ã‚ˆã†ãªåŠé€æ˜Žã®é€éŽPNGç”»åƒã‚’用æ„ã—ã€imgè¦ç´ ã®src属性ã«æŒ‡å®šã—ã¦ã„ã¾ã™ã€‚ ▼サンプル01（HTML部分） <ul> <li><a href="#"><img src="images/jquery.
distinctcorp.com.au | TLSA record
jQueryプラグインã§ã‚¯ãƒ¼ãƒ«ãªãƒ—ルダウンメニュー | ãƒã‚·ãƒ£ãƒã‚°ã€‚
120以上生æˆã§ãã‚‹CSSメニュー作æˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã€ŽIzzyMenuã€ãƒ¬ãƒ“ュー*ホームページを作る人ã®ãƒã‚¿å¸³
jQueryã‚„CSSを使ã£ãŸãƒŠãƒ“ゲーションメニュー300é¸ â€“ creamu
{{#tags}}- {{label}}
{{/tags}}