[CSS]ç”»åƒã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã«ãƒ•ã‚§ãƒ¼ãƒ‰åŠ¹æžœã‚’与ãˆã‚‹æ–¹æ³•ã®ç†æƒ³ã¨ç¾å®ŸCSSスプライトを使用ã—ãŸç”»åƒã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãƒ•ã‚§ãƒ¼ãƒ‰åŠ¹æžœã‚’与ãˆã‚‹éš›ã®ã€å¦¥å½“ãªå®Ÿè£…方法ã€ç†æƒ³ã®å®Ÿè£…方法ã€ç¾å®Ÿã®å®Ÿè£…方法を紹介ã—ã¾ã™ã€‚ Fade Image Into Another (within a Sprite) デモページ [ad#ad-2] 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ 最åˆã®æ–¹æ³•ï¼šå¦¥å½“ 二番目ã®æ–¹æ³•ï¼šç†æƒ³ 三番目ã®æ–¹æ³•ï¼šç¾å®Ÿ デモã§ã¯ã€ä¸Šã‹ã‚‰é †ç•ªã«å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ 最åˆã®æ–¹æ³•ï¼šå¦¥å½“ HTML å…ƒã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆå†…ã«spanを一ã¤é…ç½®ã—ã¾ã™ã€‚確ã‹ã«ã“ã‚Œã¯ä½™åˆ†ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¨æ„Ÿã˜ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€spanを使用ã›ãšã«ç–‘ä¼¼è¦ç´ を使用ã™ã‚‹ã¨å¯¾å¿œãƒ–ラウザãŒé™ã‚‰ã‚Œã¦ã—ã¾ã†ã®ãŒç¾çŠ¶ã§ã™ã€‚ <a href="#" class="arrow">Arrow<span></span></a> 矢å°ç”»åƒã¯ãƒ†ã‚ストを画åƒã«ç½®æ›ã—ã¦é…ç½®ã—ã¾ã™ã€‚ .arrow { display:
[JS]パãƒãƒ«ã‚’フェードã§åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚·ãƒ³ãƒ—ルãªå›½ç”£ã®jQueryã®ãƒ—ラグイン -ImageNavigation
[CSS]シンプルã«å®Ÿè£…ã™ã‚‹ç”»åƒã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ
{{#tags}}- {{label}}
{{/tags}}