イメージマップã§hoverを実ç¾ã™ã‚‹ : tech.kayac.com - KAYAC engineers' blog
Fxã®æ‹¡å¼µã§ã¯AutoCopyãŒãŠæ°—ã«å…¥ã‚Šã§ã™ã€‚agoã§ã™ã€‚ 今回ã¯ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ãŸwww.kayac.comã‹ã‚‰KAYACスタイルã®ãƒšãƒ¼ã‚¸ã‚’ã”紹介ã—ãŸã„ã¨ãŠã‚‚ã„ã¾ã™ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã¯ã±ã£ã¨è¦‹ç‰¹æ®Šãªå‡¦ç†ã¯ãªã„ã‚“ã§ã™ãŒã€ã‚ˆã見るã¨ç”»é¢ä¸‹éƒ¨ã®ç”»åƒãŒæ–œã‚ã«åˆ‡ã‚Œã¦ãŠã‚Šã€ãã‚Œãžã‚Œåˆ‡ã‚ŒãŸé ˜åŸŸã”ã¨ã«hoverã—ã¦ã„ã‚‹ã®ãŒã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã“ã§ã¯èƒŒæ™¯ã®æž 部分ã¯imagemapを使用ã—ã¦ãŠã‚Šã€ãã®ä¸Šã®çŸ¢å°ã€æ•°å—ã€ã‚¿ã‚¤ãƒˆãƒ«ã¯position:absoluteã§åˆ¥ã®imgã‚’æµ®ã‹ã—ã¦ã„ã¾ã™ã€‚ （KAYACサイトã¯æ›œæ—¥ã”ã¨ã«ç”»åƒã®è‰²ãŒå¤‰ã‚ã‚‹ãŸã‚ã€ã™ã¹ã¦ã‚’一枚ã®ç”»åƒã«ã—ã¦å…¥ã‚Œæ›¿ãˆã‚‹å®Ÿè£…ã¯é™¤å¤–ã—ã¾ã—ãŸï¼‰ 当åˆã“ã“ã§ã¯å˜ç´”ã«$(‘area’).hover()ã§ã‚¤ãƒ™ãƒ³ãƒˆã‚’å–ã£ã¦ã„ãŸã®ã§ã™ãŒã€areaã®ä¸Šã«æµ®ã„ã¦ã„ã‚‹imgã«ãƒžã‚¦ã‚¹ãŒä¹—ã£ãŸæ™‚ã«ã¯ç”»åƒã‚’切り替ãˆãªã„処ç†ãŒå¿…è¦ã«ãªã‚Šã€ãã®éƒ¨åˆ†ã®åˆ¤å®šã‚’è¡Œã†å¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã€‚ 通常
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
STRATO - Domain not available
{{#tags}}- {{label}}
{{/tags}}