» [jQuery]サムãƒã‚¤ãƒ«ã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã™ã‚‹ã¨æ‹¡å¤§ã™ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆä»˜ãã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼J-snippet
Note $("ul.thumb li").hover(function() { $(this).css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/ $(this).find('img').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/ .animate({ marginTop: '-110px', /* The next 4 lines will vertically align this image */ marginLeft: '-110px', top: '50%', left: '50%', width: '174px', /* Set new
プラグインを使ã‚ãšã«ã€ã‹ã‚“ãŸã‚“実装ã§ãã‚‹jQueryマウスオーãƒãƒ¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã¾ã¨ã‚ | ニトãªã³
ã“ã“ã®ã¨ã“ã‚å°‘ã—ブãƒã‚°ã‚’リニューアルã—ãŸã®ã§ã™ãŒã€éŽåŽ»ã«å°Žå…¥ã—ã¦ã»ã¨ã‚“ã©æ´»èºã—ã¦ã„ãªã„jQueryマウスオーãƒãƒ¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’外ã—ã¾ã—ãŸã€‚ã—ã‹ã—ã€ãªã‚“ã‹ã›ã£ã‹ã実装ã—ãŸã‚‚ã®ã‚’外ã—ãŸã ã‘ã§ã¯ç„¡æ„味ãªã®ã§ã€ä»Šå¾Œå†å°Žå…¥ã™ã‚‹ã¨ãã®ç‚ºã«ã€ã‚¹ã‚¯ãƒªãƒ—トを書ãã¨ã‚ã¦ãŠã事ã«ã—ã¾ã—ãŸã€‚ マウスオーãƒãƒ¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ç¨®é¡ž オンマウスã§ç”»åƒã‚’切り替ãˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ フェイドã•ã›ãªãŒã‚‰ãƒ†ã‚スト色を変化ã•ã›ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ フェイドã•ã›ãªãŒã‚‰èƒŒæ™¯è‰²ã‚’変化ã•ã›ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ テã‚スト（画åƒï¼‰ã‚’横ã«ãƒ”コッã¨ãšã‚‰ã™ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ç”»åƒã‚’ボワ～ã¨å¤§ãã変化ã•ã›ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ç”»åƒã‚’å³ã‹ã‚‰å·¦ã¸ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›å…¥ã‚Œæ›¿ãˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ç”»åƒã‚’クルッã¨ç¸¦ã«å›žè»¢ã•ã›ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ※jQuery導入方法ã®åŸºæœ¬ã¯éŽåŽ»ã«ã“ã¡ã‚‰ã®è¨˜äº‹ã«æ›¸ãã¾ã—ãŸã®ã§ã”å‚考下ã•ã„。 オンマウスã§ç”»åƒã‚’切り替ãˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ DEMO　⇓ 1.
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}