[B! jQuery] akiramazã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

akiramaz id:akiramaz

jQueryã«é–¢ã™ã‚‹akiramazã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯jQueryä»¥å¤–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’è¦šãˆã‚‹å¿…è¦ãŒã‚ã‚‹ã®ã‹ - Qiita
ã¯ã˜ã‚ã« å…ˆé€±ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢å‘ã‘ã®å‹‰å¼·ä¼šã«è¡Œã£ãŸéš›ã€æœ€è¿‘ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ï¼ˆã‚³ãƒ¼ãƒ€ãƒ¼å¯„ã‚Šï¼‰ã«ãªã£ãŸã¨ã„ã†æ–¹ã«ã€ ã€Œãªã‚“ã§jQueryä»¥å¤–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„ã‚‰ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„ã‚‰ã‚’è¦šãˆãªã„ã¨ã„ã‘ãªã„ã‚“ã§ã™ã‹ãã€‚æ¥å‹™ãªã‚‰jQueryã ã‘ã§ååˆ†ãªã®ã«ã€ ã¨è¨Šã‹ã‚Œã€ãã®å ´ã®æ€ã„ä»˜ãã§ã¤ã‚‰ã¤ã‚‰ã¨èª¬æ˜Žã—ã¾ã—ãŸãŒã€æ”¹ã‚ã¦ãã®ç†ç”±ã‚’è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ çŠ¶æ³æ•´ç† ç¢ºã‹ã«ã€ä»Šã‹ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ä»•äº‹ã‚’ã—ã‚ˆã†ã¨ã—ã¦ã„ã‚‹äººã‚„ã€æ–°ã—ã„æƒ…å ±ã‚’ã‚ãƒ£ãƒƒãƒã‚¢ãƒƒãƒ—ã—ã¦ã„ãªã‹ã£ãŸäººã«ã¨ã£ã¦ã€ä»Šã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç•Œéšˆã®æ–°æ—§å…¥ã‚Šæ··ã˜ã£ãŸçŠ¶æ³ã¯ã‚«ã‚ªã‚¹ã«æ˜ ã‚‹ã¯ãšã§ã™ã€‚ ç¾å ´ã§ã¯jQueryãŒé‡å®ã•ã‚Œã€ãã‚Œã§ååˆ†æ¥å‹™ã¯å›žã£ã¦ã„ã‚‹ã®ã«ã€ãƒãƒƒãƒˆã‚’è¦—ã„ã¦ã¿ã‚‹ã¨ã€ã‚„ã‚ŒSPAã ã€ãƒªã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã ã¨é¨’ã„ã§ãŠã‚Šã€Angularã€Reactã€Vue.jsã€PostCSSã€Sassã€Babelã€webpackãªã©ã®æ¨ªæ–‡å—ãŒä¹±ç«‹ã—ã¦ã„ã¦
akiramaz 2017/02/19
jQuery
ãƒªãƒ³ã‚¯
ã€jQueryã€‘èƒŒæ™¯ã«ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã‚’è¿½åŠ ã™ã‚‹Parallaxify | VOYAGER
Parallaxifyã¯ã€ã‚¸ãƒ£ã‚¤ãƒã‚»ãƒ³ã‚µãƒ¼ã‚„ãƒžã‚¦ã‚¹ã«åŸºã¥ã„ã¦è¦ç´ ã‚„èƒŒæ™¯ã«è¦–å·®åŠ¹æžœã‚’è¿½åŠ ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ // Run it on single element $('#my-wrapper').parallaxify(); // or globally $.parallaxify(); $('#my-element').hover( function(){ $(this).parallaxify(args); }, function(){ $(this).parallaxify('destroy'); } ); <div data-parallaxify-range-x="100" data-parallaxify-range-y="50"></div> <div data-parallaxify-background-range="100"></div> data-paral
akiramaz 2016/12/11
é–‹ç™º

jQuery
ãƒªãƒ³ã‚¯
ã™ã‚‹ã™ã‚‹ã•ã›ãŸã„ï¼šã‚µã‚¤ãƒœã‚¦ã‚ºæŽ¡ç”¨æƒ…å ±ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆãã®2ï¼‰ - fragmentary
ã‚µã‚¤ãƒœã‚¦ã‚ºã®æŽ¡ç”¨æƒ…å ±ãƒšãƒ¼ã‚¸ã«ã‚ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã™ã‚‹ã™ã‚‹ã—ã¦ã„ãªã„ã€‚ã®ã§å‰å›žã¯ä½•ãŒãŠã“ã£ã¦ã‚‹ã®ã‹è¦‹ã¦ã¿ãŸã€‚ ä»Šå›žã¯ã™ã‚‹ã™ã‚‹ã•ã›ã‚‰ã‚Œãªã„ã‹ã€ãŒã‚“ã°ã£ã¦ã¿ã‚‹ã€‚ ãã®1 â€• ä½•ãŒèµ·ã“ã£ã¦ã„ã‚‹ã®ã‹èª¿ã¹ã‚‹ ãã®2 â€• èª¿ã¹ãªãŒã‚‰ç›´ã—ãªãŒã‚‰ã™ã‚‹ã™ã‚‹ã•ã›ã‚‹ ãã®3 â€• ã¡ã‚‡ã£ã¨ã—ãŸã“ã¨ã‚„ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ã™ã‚‹ã™ã‚‹ã•ã›ã‚‹ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ¢ã‚ã‚‹ ã¾ãšã€ã„ã¾ã®jQueryãƒ™ãƒ¼ã‚¹ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ¢ã‚ã‚‹ã€‚ ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã«ä»¥ä¸‹ã‚’ã¶ã£ã“ã‚ã°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ¢ã¾ã£ã¦ã€èƒŒæ™¯ã‚‚åˆæœŸä½ç½®ã«æˆ»ã‚‹ã€‚ jQuery('.icon').stop().css('backgroundPosition', '') ãƒã‚§ãƒ¼ãƒ³ã‚‚ã§ãã‚‹ã—jQueryã¹ã‚“ã‚Šã ãã€‚ CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã—ã¦ã¿ã‚‹ jQueryã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åˆ¥ã®æ–¹æ³•ã«æ›¸ãæ›ãˆã‚‹ã‚ã‘ã ã‘ã©ã€ä»Šã¯2010å¹´ä»£ã‚‚å¾ŒåŠã ã€‚ä½¿ã†ãªã‚‰CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã‹ãªã„ã€‚ã¨ãã«å³ã‹ã‚‰å·¦ã¸ä¸€æ–¹å‘ã£ã¦
akiramaz 2016/05/14
css

JavaScript

jQuery
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (3)

jQueryã«é–¢ã™ã‚‹akiramazã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (3)

jQueryã«é–¢ã™ã‚‹akiramazã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãƒ•ãƒ­ãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯jQueryä»¥å¤–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’è¦šãˆã‚‹å¿…è¦ãŒã‚ã‚‹ã®ã‹ - Qiita

ã€jQueryã€‘èƒŒæ™¯ã«ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã‚’è¿½åŠ ã™ã‚‹Parallaxify | VOYAGER

ã™ã‚‹ã™ã‚‹ã•ã›ãŸã„ï¼šã‚µã‚¤ãƒœã‚¦ã‚ºæŽ¡ç”¨æƒ…å ±ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆãã®2ï¼‰ - fragmentary

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (3)

jQueryã«é–¢ã™ã‚‹akiramazã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¯jQueryä»¥å¤–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’è¦šãˆã‚‹å¿…è¦ãŒã‚ã‚‹ã®ã‹ - Qiita

ã€jQueryã€‘èƒŒæ™¯ã«ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã‚’è¿½åŠ ã™ã‚‹Parallaxify | VOYAGER

ã™ã‚‹ã™ã‚‹ã•ã›ãŸã„ï¼šã‚µã‚¤ãƒœã‚¦ã‚ºæŽ¡ç”¨æƒ…å ±ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆãã®2ï¼‰ - fragmentary

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹