cssスプライトã¨jQueryを組ã¿åˆã‚ã›ãŸãƒŠãƒ“ゲーションメニュー・AutoSprites - ã‹ã¡ã³ã¨.netã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…容ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ュリティ上ã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ cssスプライトをjQueryã¨çµ„ã¿åˆã‚ã›ã¦ 使用ã™ã‚‹AutoSpritesã‚’ã”紹介ã—ã¾ã™ã€‚ 軽é‡åŒ–ã§ãã‚‹ã®ã§äººæ°—ã®ã‚ã‚‹cssスプ ライトã«jQueryã‚’åŠ ãˆã‚‹äº‹ã§ã‚ˆã‚Šè±Šã‹ãª 表ç¾ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã。 HTMLソースも綺麗ãªã¾ã¾ä½¿ãˆã¾ã™ã®ã§ãªã‹ãªã‹ä½¿ãˆãã†ã§ã™ã€‚å•é¡Œã®IE6ã€7ã§ã®å®Ÿè£…もクリアã—ã¦ã„ã¾ã™ã‚ˆã€‚ フェードã™ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‚¯ãƒ¼ãƒ«ã§ã™ã。 cssスプライトを使用ã—ã¦ãŠã‚Šã€3種ã®ç”»åƒã‚’使ã£ã¦è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ マークアップ HTMLã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ã‚·ãƒ³ãƒ—ル。 <ul id="hnav"> <li id="hnavhome"><a href="#">Home</a></li> <li id="hnavlocal"><a href="#">Local I
{{#tags}}- {{label}}
{{/tags}}