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

laptice id:laptice

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

${{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}}

ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚„ã‚¯ãƒªãƒƒã‚¯ã—ãŸéš›ã«ã€ãŠãŠã£ï¼ã¨æ€ã‚ã›ã‚‹ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãª7ã¤ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã£ã“ã„ã„ã£ï¼
ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒšãƒ¼ã‚¸ã‚’è¡¨ç¤ºã—ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚„ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸéš›ã«ã€ãŠãŠã£ï¼ã¨æ€ã‚ã›ã‚‹ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’7ã¤ç´¹ä»‹ã—ã¾ã™ã€‚ Inspiration for article intro effects 7ã¤ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ãƒšãƒ¼ã‚¸ã¯ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã®ç”»åƒãŒæœ€åˆã«è¡¨ç¤ºã•ã‚Œã€ãã“ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒœã‚¿ãƒ³ã‚¯ãƒªãƒƒã‚¯ã§ã•ã¾ã–ã¾ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒãŠãã¾ã™ã€‚æ´¾æ‰‹ã™ãŽãšã€ã‚»ãƒ³ã‚¹ã‚ã‚‹ã‹ã£ã“ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã°ã‹ã‚Šã§ã™ï¼ å„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ã‚½ãƒ¼ã‚¹ã¯ä¸Šè¨˜ãƒšãƒ¼ã‚¸ã‹ã‚‰ã¾ã¨ã‚ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚
laptice 2014/06/11
jquery

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
jQueryã§ã€é †ç•ªã«å®Ÿè¡ŒãŒå‡ºæ¥ã‚‹ .when() ã‹ã‚‰ .done() ãŒä¾¿åˆ©ã ã£ãŸã®ã§ãƒ¡ãƒ¢ | ARAKAZE NOTE
Javascriptã‚„jQueryã‚’æ›¸ã„ã¦ã„ã‚‹ã¨ã€ã€Œã“ã®å‡¦ç†ãŒã¡ã‚ƒã‚“ã¨çµ‚ã‚ã£ã¦ã‹ã‚‰ã€ã“ã£ã¡ã®å‡¦ç†ã‚’å§‹ã‚ãŸã„ï¼ã€ã£ã¦å ´é¢ã«çµæ§‹éé‡ã™ã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ç‰¹ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã„ã‚‹ã¨ãã«ã‚ˆãã‚ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚’è¨å®šå‡ºæ¥ã‚‹å‡¦ç†ãªã‚‰ç°¡å˜ãªã®ã§ã™ãŒã€ãã‚ŒãŒãªã„ã‚‚ã®ã‚‚çµæ§‹ã‚ã£ãŸã‚Šã—ã¾ã™ã€‚åƒ•ãŒå›°ã£ãŸã®ã¯.html()ã‚„.ajax()ã§ã—ãŸã€‚ãªã‚“ã‹ã„ã„è§£æ±ºç–ã¯ç„¡ã„ã‹ãªãƒ¼ã¨ã‚°ã‚°ã£ã¦ã¿ãŸã¨ã“ã‚.when().done()ã¨ã„ã†å‡¦ç†ã®ä»•æ–¹ãŒè‰¯ã•ã’ã ã£ãŸã®ã§ä½¿ã£ã¦ã¿ãŸã‚‰ã°ã£ã¡ã‚Šã§ã—ãŸã€‚ .when()ã«ã¯å…ˆã«çµ‚ã‚ã‚‰ã›ãŸã„å‡¦ç†ã‚’æ›¸ã ã–ã£ãã‚Šã¨ã—ãŸèª¬æ˜Žã®ä»•æ–¹ã‚’ã™ã‚‹ã¨ã€.when()ã«ã¯å…ˆã«å®Œäº†ã•ã›ãŸã„å‡¦ç†ã‚’ã¾ã¨ã‚ã¦æ›¸ã„ã¦ãŠãã¾ã™ã€‚ä¾‹ãˆã°ã€â€œæ¨ªã«ç§»å‹•ã—ãŸã‚‰ã€ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã™ã‚‹â€ã¿ãŸã„ãªäº‹ã‚’ã—ãŸã„å ´åˆã€â€œæ¨ªã«ç§»å‹•ã—ãŸã‚‰â€ã®éƒ¨åˆ†ã‚’.when()ã®ä¸ã«ã¯æ›¸ãã¾ã™ã€‚ ï¼ˆã¾ã‚ã€ãã‚“ãªç°¡å˜ãªå‹•
laptice 2014/06/03
jQuery

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
çŸ¥ã£ã¦ãŠãã¨åŠ¹çŽ‡çš„ï¼ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆåˆ¶ä½œãŒæ—ã‚‹jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ä½¿ã„æ–¹ã¾ã¨ã‚
ä½œæˆï¼š2014/04/7 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > ã‚ã®ä¼æ¥ã‚µã‚¤ãƒˆã§ä½¿ã‚ã‚Œã¦ã„ã‚‹åŠ¹æžœã‚„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¾ãŸæŽ¢ã•ãªã„ã¨ã„ã‘ãªã„ã€ãã‚‚ãã‚‚ã©ã†ã„ã£ãŸã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã§æŽ¢ã—ãŸã‚‰ã„ã„ã®ã‹åˆ†ã‹ã‚‰ãªã„ã€‚ãã‚“ãªã“ã‚“ãªã§ã€ä»Šå›žã¯å¥‡æŠœãªã‚‚ã®ã§ã¯ãªãã€ã€Œä¼æ¥ã‚µã‚¤ãƒˆã§è¦‹ãŸã“ã¨ã‚ã‚‹ï¼ã€ã¨ã„ã†ã‚ˆã†ãªã€ã‚³ãƒ¼ãƒãƒ¬ãƒ¼ãƒˆã‚µã‚¤ãƒˆã«ä½¿ãˆãã†ãªå®šç•ªã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ä½œã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ ï¼‘ï¼Žã‚«ãƒ«ãƒ¼ã‚»ãƒ«ï¼ˆæ¨ªï¼‰ ï¼’ï¼Žãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆ ï¼“ï¼Žç”»åƒã¨æ–‡å—ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ ï¼”ï¼Žæ–‡å—ãŒé…ã‚Œã¦ç§»å‹•ã™ã‚‹åŠ¹æžœ ï¼•ï¼Žç•°ãªã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’è¨å®šã§ãã‚‹ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ï¼–ï¼Žå¤šéšŽå±¤ ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ï¼—ï¼Žå¤šéšŽå±¤ åŠ¹æžœã¤ã ï¼˜ï¼Žã‚¹ãƒžãƒ›ã§ã¯ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ ï¼™ï¼Žã‚¹ãƒžãƒ›ã§ã¯ã‚»ãƒ¬ã‚¯ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ã« ï¼‘ï¼ï¼ŽAmazoné¢¨ ãƒ¡ã‚¬ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ï¼‘ï¼‘ï¼Žæ¨ªã‚¹ãƒ©ã‚¤ãƒ‰ ï¼‘
laptice 2014/04/21
jQuery

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Transit - CSS transitions and transformations for jQuery
Upgrading notes Upgrading from an older version? Transit should be mostly backward-compatible. See the change log for notes. Development version You may also download the development version which has spaces and comments preserved. Curious to see how it's made? See the annotated source code!
laptice 2013/03/26
jQuery

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
7ã¤ã®ã‚µãƒ³ãƒ—ãƒ«ã§jQueryã‚’å¦ã¼ã†ï¼ã€ŒjQueryãŒå…¨ãåˆ†ã‹ã‚‰ãªã„äººã®ãŸã‚ã€ã®è¶…åˆç´šè€…å‘ã‘å…¥é–€è¬›åº§
HOME>jQuery>7ã¤ã®ã‚µãƒ³ãƒ—ãƒ«ã§jQueryã‚’å¦ã¼ã†ï¼ã€ŒjQueryãŒå…¨ãåˆ†ã‹ã‚‰ãªã„äººã®ãŸã‚ã€ã®è¶…åˆç´šè€…å‘ã‘å…¥é–€è¬›åº§ ç´„åŠå¹´å‰ã¾ã§ã€èˆˆå‘³ã¯ã‚ã‚Œã©ã‚‚å…¨ãã‚‚ã£ã¦è§¦ã‚ŒãŸã“ã¨ã®ãªã‹ã£ãŸã€ŒjQueryã€ã€‚ãã‚Œã©ã“ã‚ã‹ã€ã€ŒJavascriptã€ã‚’ã€ŒJavasprictã€ã¨ä½•åº¦ã¨ãªãæ›¸ãé–“é•ãˆã‚‹ç™–ã®ã‚ã£ãŸç§ã€‚ çµå±€ã€ã€Œã‚¹ã‚¯æ°´ã™ã„ã™ã„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€ã¨èªžå‘‚ã‚’åˆã‚ã›ã‚‹ã“ã¨ã«ã‚ˆã‚Šã‚ˆã†ã‚„ãæ£ã—ã„ç¶´ã‚Šã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ãŸã‚ã‘ãªã‚“ã§ã™ãŒã€ä»•äº‹ã§æ‰±ã†ã¨è¨€ã†ã“ã¨ã‚‚ã‚ã‚Šå¤šå°‘ã¯jQueryã®ä»•çµ„ã¿ãŒåˆ†ã‹ã£ã¦ããŸä»Šæ—¥ã“ã®é ƒã§ã™ã€‚ ãã‚“ãªã‚ã‘ã§ã€ä»Šå›žã¯ã€ŒjQueryãŒå…¨ãåˆ†ã‹ã‚‰ãªã„äººã®ãŸã‚ã€ã®è¶…åˆç´šè€…å‘ã‘å…¥é–€è¬›åº§ã¨éŠ˜æ‰“ã¡ã¾ã—ã¦ã€jQueryã®åŸºç¤Žã®åŸºç¤Žã‚’å¦ã¶ãŸã‚ã®è¨˜äº‹ã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ ã¨ã¯è¨€ã£ã¦ã‚‚ã€ŒjQueryã¨ã¯ãªã‚“ãŸã‚‹ã‹ã€ãªã©ã¨ã„ã£ãŸé›£ã—ã„ç†è«–ã‚’è¨˜ã™ã¤ã‚‚ã‚Šã¯ä¸€åˆ‡ã”ã–ã„ã¾ã›ã‚“ã€‚ï¼ˆã£ã¦ã„ã†ã‹ãã‚“ãªå‰ãã†ãªã“ã¨è¨€ãˆã‚‹ç¨‹ä¿®ã‚ã¦ãªã„
laptice 2012/11/07
jQuery
ãƒªãƒ³ã‚¯
[JS]æœ¨ã®è‘‰ãŒæœ¨æž¯ã‚‰ã—ã«èˆžã†ã‚ˆã†ã«è»½ã‚„ã‹ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ¬¡ã€…ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Windy
ç”»åƒã‚„è¦‹å‡ºã—ãƒ»ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ãªã©ã‚’é…ç½®ã—ãŸãƒ‘ãƒãƒ«ã‚’æœ¨æž¯ã‚‰ã—ã«èˆžã†è‘‰ã£ã±ã®ã‚ˆã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§æ¬¡ã€…ã«è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Demo 3: jQuery UI Sliderã‚’ä½¿ã£ãŸã‚¿ã‚¤ãƒ— Windyã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.windy.js"></script> Step 2: HTML ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ãƒªã‚¹ãƒˆè¦ç´ ã§ã€å„ã‚¢ã‚¤ãƒ†ãƒ ã«ç”»åƒã‚„è¦‹å‡ºã—ãƒ»ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ã‚’è‡ªç”±ã«é…ç½®ã§ãã¾ã™ã€‚ <ul
laptice 2012/10/10
jQuery
ãƒªãƒ³ã‚¯
[JS]ã‹ãªã‚Šã‹ã£ã“ã„ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’å˜ã«æ¬¡ã€…ã¨è¦‹ã›ã‚‹ã ã‘ã§ãªãã€åˆ‡ã‚Šæ›¿ã‚ã‚‹æ™‚ã«3Dã®ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã§ã‹ã£ã“ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¸ŽãˆãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Slideshow with jmpress.js [ad#ad-2] ãƒ‡ãƒ¢ å®Ÿè£… ãƒ‡ãƒ¢ ã¾ãšã¯ã€ãã®ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãª3Dã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã”è¦§ãã ã•ã„ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã¯5æžšã‚ã‚Šã€ãã‚Œãžã‚Œã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒç•°ãªã‚Šã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šåˆ¥ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ å®Ÿè£… å®Ÿè£…ã«ä½¿ç”¨ã—ã¦ã„ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯å…ˆæ—¥å½“ã‚µã‚¤ãƒˆã§ç´¹ä»‹ã—ãŸã€Œjmpress.jsã€ã§ã™ã€‚ ç´¹ä»‹è¨˜äº‹ã¯ã“ã¡ã‚‰ã€‚ åºƒå¤§ãªã‚«ãƒ³ãƒã‚¹ã‚’ä½¿ã£ã¦æ¬¡ã€…ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jmpress.js HTML jmpress.jsã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã¯ä¸€æžšã®åºƒå¤§ãªã‚«ãƒ³ãƒã‚¹ã«ãƒ‘ãƒãƒ«ã‚’è¨ç½®ã—ã€ãã‚Œã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹æ„Ÿã˜ã§ã™ã€‚ å®Ÿè£…ã¯ä¸€æžšã®åºƒå¤§ãªã‚«ãƒ³ãƒã‚¹ã¨ãªã‚‹ãƒ«ãƒ¼ãƒˆï¼ˆsectionè¦ç´ ï¼‰ã«ã€å„ãƒ‘ãƒãƒ«ï¼ˆdivè¦
laptice 2012/04/09
jQuery
ãƒªãƒ³ã‚¯
jQuery Clip - jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚
jQueryã®ä¾¿åˆ©ã§å®Ÿç”¨çš„ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚„ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã‚¿ã‚°ã‚„ã‚«ãƒ†ã‚´ãƒªã§è¦‹ã‚„ã™ãã¾ã¨ã‚ã¾ã—ãŸã€‚
laptice 2012/03/02
jQuery
ãƒªãƒ³ã‚¯
IEã§pngã‚’ä½¿ã£ãŸéš›ã«èµ·ãã‚‹ä¸å…·åˆã‚’é˜²ããƒ—ãƒ©ã‚°ã‚¤ãƒ³
ä¸€å®šæœŸé–“æ›´æ–°ãŒãªã„ãŸã‚åºƒå‘Šã‚’è¡¨ç¤ºã—ã¦ã„ã¾ã™
laptice 2012/02/24
JavaScript

jQuery
ãƒªãƒ³ã‚¯
1