[B! jquery] saseã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sase id:sase

jqueryã«é–¢ã™ã‚‹saseã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (20)

${{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å°æŠ€ã¾ã¨ã‚ï¼“ï¼’
ä½œæˆï¼š2013/07/1 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > å…ˆæ—¥ECã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã—ãŸã¨ãã«ã€å‹•ãã®ã‚ã‚‹ã‚µã‚¤ãƒˆã«ã—ãªã„ã¨ã„ã‘ãªã‹ã£ãŸã®ã§ã€è‰²ã€…èª¿ã¹ã¦çµ„ã¿è¾¼ã‚“ã§ã¿ãŸã‚“ã§ã™ãŒã€jQueryã§ã‚‚ã†ä½•ã§ã‚‚å‡ºæ¥ã¡ã‚ƒã„ã¾ã™ãã€‚è¿‘ã„å°†æ¥ãƒãƒ¼ã‚«ãƒ«ã§ç”»åƒãªã‚“ã‹ã‚’ç·¨é›†ã—ãªãã¦ã‚‚ã€ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§è‰²ã€…ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã‚“ã˜ã‚ƒãªã„ã§ã—ã‚‡ã†ã‹ã€‚ä»Šå›žã¯å®šç•ªã‹ã‚‰ã¡ã‚‡ã£ã¨ãƒžã‚¤ãƒŠãƒ¼ï¼ˆGoogle Analyticsé–¢ä¿‚ã¨ã‹ï¼‰ãªã‚‚ã®ã¾ã§jQueryã®å°æŠ€ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’é›†ã‚ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ã‚¹ã‚¯ãƒãƒ¼ãƒ« ï¼‘ï¼Žãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ï¼ãƒ•ãƒƒã‚¿ãƒ¼ã¾ã‚ã‚Šï¼ãƒˆãƒƒãƒ—ã«æˆ»ã‚‹ ï¼’ï¼Žãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ ã‚¹ãƒ©ã‚¤ãƒ‰ ï¼“ï¼Žã‚«ãƒ«ãƒ¼ã‚»ãƒ« ï¼”ï¼Žãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ ï¼•ï¼ŽãƒŒãƒ«ãƒŒãƒ«ã‚µã‚¯ã‚µã‚¯ãªã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ï¼–ï¼Žã‚µãƒ ãƒã‚¤ãƒ«ä»˜ãã‚¯ãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ è£œåŠ© ï¼—ï¼ŽGoogle Ana
sase 2013/11/06
javascript

jquery

webåˆ¶ä½œ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Androidã§ãƒ¢ãƒã‚¤ãƒ«ã¨ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆï¼ˆï¼‹iPhoneï¼iPadï¼‰ã‚’æŒ¯ã‚Šåˆ†ã‘ã‚‹æ–¹æ³•ï½œBLACKFLAG
ä»¥å‰ã“ã“ã§ã€ŒjQueryï¼ˆJavaScriptï¼‰ã§iPhoneã€iPadã€Androidãªã©ãƒ‡ãƒã‚¤ã‚¹ã‚’åˆ¤åˆ¥ã—ã¦ URLã‚’ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã™ã‚‹æ–¹æ³•ã€ã¨é¡Œã—ã¦ã€ ãã‚Œãžã‚Œã®ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã«æŒ¯ã‚Šåˆ†ã‘ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã—ãŸãŒ Androidã¯ãƒ¢ãƒã‚¤ãƒ«ã¨ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã®æŒ¯ã‚Šåˆ†ã‘ã¯ã§ãã¦ã„ãªã‹ã£ãŸã®ã§ã™ãŒ iPhoneã¨Androidãƒ¢ãƒã‚¤ãƒ«ã€iPadã¨Androidã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã®ãã‚Œãžã‚Œã‚’æŒ¯ã‚Šåˆ†ã‘ã‚‹çŠ¶æ³ãŒ ã‚„ã¯ã‚Šå¢—ãˆã¦ããã†ãªã®ã§è¿½åŠ ç‰ˆã¨ã—ã¦ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦ã¯ã€Androidã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã¨iPadã¯ã€Œ/tb/ã€ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã¸ Androidãƒ¢ãƒã‚¤ãƒ«ã¨iPhoneã¯ã€Œ/sp/ã€ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã¸ã€ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆå‡¦ç†ã‚’ã™ã‚‹æ§‹æˆã«ã—ã¦ã¿ã¾ã™ã€‚ â—†SCRIPT <script type="text/javascript"> var userAgent = window.navigator.userAgent.to
sase 2013/02/14
jQuery

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†ç´ æ•µãªå‹•ãã‚’æ‰‹è»½ã«å®Ÿè£…ã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQueryã€ã€‚jQueryã«ã¯å¤šãã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒæƒã£ã¦ã„ã¾ã™ãŒã€ä»Šå›žã¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã—ã§å®Ÿè£…ã§ãã‚‹jQueryã®å°æŠ€ã‚’ç´¹ä»‹ã—ã¾ã™ï¼ã€ŒjQueryã£ã¦ãªã‚“ã ï¼Ÿã€ã¨ã„ã†äººã‚‚ã‚³ãƒ”ãƒšã§å®Ÿè£…ã§ãã¾ã™ã‚ˆï¼ã‚µãƒ³ãƒ—ãƒ«ã‚‚ç”¨æ„ã—ãŸã®ã§ãœã²ã”è¦§ãã ã•ã„ï¼ è¿½è¨˜ï¼šã“ã®è¨˜äº‹ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã„ãã¤ã‹ã®æ–¹æ³•ãŒã€ä»Šã§ã¯ CSS ã®ã¿ã§å®Ÿè£…å¯èƒ½ã§ã™ï¼è©³ã—ãã¯ã€Œã‹ã¤ã¦ã¯ JavaScript ã‚’åˆ©ç”¨ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯ CSS ã®ã¿ã§å®Ÿè£…ã§ãã‚‹ 10 ã®å°æŠ€ã€ã‚’ã”è¦§ãã ã•ã„ã€‚ jQuery ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ãšã¯jQuery æœ¬å®¶ã‹ã‚‰ jQuery ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚<head> å†…ã«ä¸‹è¨˜ã‚’è¨˜è¿°ã—ã€jQuery ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/javascript" src
sase 2011/09/29
*webåˆ¶ä½œ

jquery

tips

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ASCII.jpï¼šWebåˆ¶ä½œã®ç¾å ´ã§ä½¿ãˆã‚‹jQueryã€€UIãƒ‡ã‚¶ã‚¤ãƒ³å…¥é–€
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ï¼ˆXï¼‰HTMLï¼CSSã‚³ãƒ¼ãƒ€ãƒ¼ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒæ‰±ã„ã‚„ã™ã„JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã€ŒjQueryã€ã‚’åŸºç¤Žã‹ã‚‰è§£èª¬ã€‚ãƒ—ãƒã‚°ãƒ©ãƒ ã®åŸºæœ¬çš„ãªæ›¸ãæ–¹ã‹ã‚‰ã€å®Ÿå‹™ã§ä½¿ãˆã‚‹ã‚µãƒ³ãƒ—ãƒ«ã¾ã§ã€‚jQueryã‚’ãƒžã‚¹ã‚¿ãƒ¼ã—ã¦ä»•äº‹ã®å¹…ã‚’ãã£ã¨åºƒã’ã‚ˆã†ã€‚<cj:inc template="792" element_id="499288" />
sase 2011/07/19
JavaScript

jquery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ä¸€ã¤ã®HTMLã§ã‚«ãƒ†ã‚´ãƒªåˆ¥ã«è¡¨ç¤ºã™ã‚‹å†…å®¹ã‚’å¤‰ãˆã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï½œCSS Lecture
sase 2011/05/20
*webãƒ‡ã‚¶ã‚¤ãƒ³

jQuery

JavaScript
ãƒªãƒ³ã‚¯
1æ™‚é–“ã§æºå¸¯ã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã«ã™ã‚‹æ–¹æ³• | GREE Engineering
åˆã‚ã¦ã®æŠ•ç¨¿ã¨ãªã‚Šã¾ã™ã€‚ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®matsuã§ã™ã€‚ æºå¸¯å‘ã‘ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’1æ™‚é–“ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ¦‚è¦ 2011å¹´4æœˆ7æ—¥ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã«ã¦æºå¸¯é›»è©±ã®æ–°è¦å¥‘ç´„æ•°ã®ã†ã¡ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒå ã‚ã‚‹å‰²åˆãŒ50%ã‚’è¶Šãˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæœ¬æ ¼çš„ã«æ™®åŠã™ã‚‹å…†ã—ãŒè¦‹ãˆã¦ãã¾ã—ãŸã€‚ ç¾åœ¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’æ–°è¦æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯æ•°å¤šãå‡ºã¦ã„ã¾ã™ãŒã€æ—¢å˜ã®æºå¸¯ã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«æœ€é©åŒ–ã™ã‚‹æ–¹æ³•ãŒã‚ã¾ã‚Šç´¹ä»‹ã•ã‚Œã¦ã„ãªã„ã®ã§ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’è¡Œã†ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ å®Ÿè£… å…¨éƒ¨ã§8ã‚¹ãƒ†ãƒƒãƒ—ã‚ã‚Šã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ãƒ–ãƒã‚°ã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚’ä¾‹ã«ã¨ã£ã¦èª¬æ˜Žã—ã¾ã™ã€‚ å‰åŠã§ã¯æ–‡å—ã‚³ãƒ¼ãƒ‰ã®å¤‰æ›´ã€HTMLã®å¤‰æ›´ã¨ã„ã£ãŸæ§‹é€ ã‚’å¤‰æ›´ã—ã¾ã™ã€‚å¾ŒåŠã§ã¯çµµæ–‡å—ã‚„æ–‡å—ã‚¹ã‚¿ã‚¤ãƒ«ã‚’è¡Œã„ã€ä»•ä¸Šã’ã¨ã—ã¦HTML5ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã£ã¦ã„ãã¾ã™ã€‚æœ€åˆ
sase 2011/04/26
æºå¸¯ã‚µã‚¤ãƒˆ

*webãƒ‡ã‚¶ã‚¤ãƒ³

HTML5

jQuery
ãƒªãƒ³ã‚¯
ç”»åƒã‚’ä½¿ã£ãŸã„ã‚ã„ã‚ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³224å€‹ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ç”»åƒã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã¦æ‹¡å¤§è¡¨ç¤ºã—ãŸã‚Šã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ä½œã£ãŸã‚Šã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã§è¡¨ç¤ºã—ãŸã‚Šã€ã¨ã„ã†ã‚ˆã†ãªç”»åƒã‚’ä½¿ç”¨ã—ãŸjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒæ²¢å±±ã‚ã‚‹ã®ã¨ã€æŽ¢ã—ã¦ã‚‹æ–¹ãŒç›´ãã«è¦‹ã¤ã‘ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã€ã¨ã„ã†äº‹ã§ãƒªãƒ³ã‚¯é›†ã‚’ä½œã‚Šã¾ã—ãŸã€‚ ã¨ã„ã†è¨³ã§ã€é›†ã¾ã£ã¦ã„ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®å…±é€šç‚¹ã¯ç”»åƒã‚’ä½¿ã£ã¦ã„ã‚‹ã€ã¨ã„ã†äº‹ã ã‘ã§ã™ã€‚ä¸€è²«æ€§ç„¡ã„ã¨ã„ãˆã°ç„¡ã„ã§ã™ãŒã€å€‹äººçš„ã«ã‚‚å¿…è¦ã¨ã™ã‚‹äº‹ãŒå¤šã„ã®ã§è‡ªåˆ†ç”¨ã®ãƒ¡ãƒ¢ã‚‚å…¼ãã¦ã‚·ã‚§ã‚¢ã€‚ æ—¥æœ¬èªž English çµæ§‹ã‚«ãƒ†ã‚´ãƒªåˆ†ã‘ã¯ã„ã„åŠ æ¸›ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã®ã§ã‚ã—ã‹ã‚‰ãšã”äº†æ‰¿ä¸‹ã•ã„ã€‚ç”»åƒã˜ã‚ƒãªãã¦ã‚‚ã„ã„ã‚“ã˜ã‚ƒãƒ»ãƒ»ã¿ãŸã„ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ãƒ‡ãƒ¢ã§ç”»åƒã‚’ä½¿ã£ã¦ã‚‹ã€ç”»åƒã¨ç›¸æ€§ãŒè‰¯ã•ãã†ã€ã¿ãŸã„ãªã‚‚ã®ã¯åŸºæœ¬çš„ã«æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ ãƒªãƒ³ã‚¯ã«ãƒžã‚¦ã‚¹ä¹—ã›ã‚Œã°ã‚ãƒ£ãƒ—ãƒãƒ£ãŒå‡ºã¾ã™ã€‚ Lightbox Lightboxé¢¨ã«ç”»åƒã‚’è¡¨ç¾ã§ãã‚‹jQueryã„ã‚ã„ã‚ Lightbox2 / ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªã‚¿ã‚¤ãƒ—ã€‚
sase 2010/08/11
ã‚ã¨ã§ã¡ã‚ƒã‚“ã¨è¦‹ã‚‹ã€‚

ã¾ã¨ã‚

jquery

lightbox
ãƒªãƒ³ã‚¯
[JS]æ—¢å˜ã®Lightboxç³»ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ä¸æº€ã‚’è§£æ±ºã—ãŸã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Lightbox_me
IE6ã«ã‚‚å¯¾å¿œã—ãŸã€DOMã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’Lightboxã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Lightbox_me - Stupidly Simple Lightboxing Lightbox_meã¯ä»–ã®Ligtboxç³»ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¯ãªã„ç‰¹å¾´ã‚’ã‚‚ã£ã¦ã„ã¾ã™ã€‚ DOMã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’LightboxåŒ–ã€‚ ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®ãƒªã‚µã‚¤ã‚ºæ™‚ã¯ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã‚‚ãƒªã‚µã‚¤ã‚ºã€‚ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚ˆã‚Šã‚µã‚¤ã‚ºãŒå°ã•ã„å ´åˆã¯ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã®ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã€‚ å…¨ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§å›ºå®šé…ç½®ï¼ˆfixedï¼‰ã§è¡¨ç¤ºã€‚ ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ãŒãƒ¢ãƒ¼ãƒ€ãƒ«ãƒœãƒƒã‚¯ã‚¹ã‚ˆã‚Šå°ã•ã„å ´åˆã¯å›ºå®šé…ç½®ï¼ˆfixedï¼‰ãŒè‡ªå‹•çš„ã«çµ¶å¯¾é…ç½®ï¼ˆabsoluteï¼‰ã«åˆ‡ã‚Šæ›¿ãˆã€‚ã“ã‚Œã«ã‚ˆã‚Šãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒå¯èƒ½ã«ã€‚ ãã—ã¦ã€è»½é‡ã§ã‚·ãƒ³ãƒ—ãƒ«ã€ã¨ã„ã†ç´ æ™´ã‚‰ã—ã„ç‰¹å¾´ã‚‚å‚™ãˆã¦ã„ã¾ã™ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯IE6+, Fx2.5+, Safari, Chr
sase 2010/06/21
jquery

*webãƒ‡ã‚¶ã‚¤ãƒ³

lightbox
ãƒªãƒ³ã‚¯
40åˆ†ã§è¦šãˆã‚‹ï¼jQueryé€Ÿç¿’è¬›åº§ (1/6)
ã„ã¾ã‚„Webåˆ¶ä½œã«æ¬ ã‹ã›ãªããªã£ãŸJavaScriptã€‚ã§ã‚‚ã€ã€ŒJavaScriptã¯ã»ã¨ã‚“ã©â€œã‚¢ãƒªãƒ¢ãƒŽâ€ã§æ¸ˆã¾ã›ã¦ã„ã‚‹ã€ã¨ã„ã†æ–¹ã‚‚å¤šã„ã®ã§ã¯ï¼Ÿ ãã“ã§ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãªã©ã®Webåˆ¶ä½œè€…ã®æ–¹å‘ã‘ã«ã€ã„ã¾ä¸€ç•ªäººæ°—ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã€ŒjQueryã€ã®åŸºæœ¬ã‚’å¦ã¹ã‚‹ç‰¹åˆ¥ãƒ¬ãƒƒã‚¹ãƒ³ã‚’ãŠå±Šã‘ã—ã¾ã™ã€‚é¡Œã—ã¦ã€ã€Œ40åˆ†ã§è¦šãˆã‚‹jQueryã€ã€‚è¦ç‚¹ã ã‘ã«ãŽã‚…ã£ã¨çµžã£ã¦è§£èª¬ã—ã¾ã™ã®ã§ã€æ‰‹ã‚’å‹•ã‹ã—ãªãŒã‚‰ä»Šã™ãjQueryã‚’å§‹ã‚ã¾ã—ã‚‡ã†ã€‚ ã€0åˆ†ç›®ï¼šå°Žå…¥ç·¨ã€‘ jQueryã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨åˆ©ç”¨æ–¹æ³• jQueryã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼æœ¬ä½“ï¼ˆJavaScriptãƒ•ã‚¡ã‚¤ãƒ«ï¼‰ã¯å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€headè¦ç´ ãªã©ã«scriptè¦ç´ ã‚’æ›¸ã„ã¦èªã¿è¾¼ã¿ã¾ã™ã€‚
sase 2010/02/17
2ãƒšãƒ¼ã‚¸ç›®jQueryã§åˆ©ç”¨ã§ãã‚‹ä¸»ãªã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã€€3ãƒšãƒ¼ã‚¸ç›®jQueryã§åˆ©ç”¨ã§ãã‚‹ä¸»ãªHTML/CSSã‚’æ“ä½œã™ã‚‹å‘½ä»¤

JavaScript

jQuery

ã‚ã¨ã§èªã‚€

reference

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
å†™çœŸã‚¹ãƒ©ã‚¤ãƒ‰ã€€jCarousel - Riding carousels with jQuery
jCarousel is a jQuery plugin for controlling a list of it ems in horizontal or vertical order. It provides a full-featured and flexible toolset for navigating any HTML based content in a carousel-like fashion.
sase 2009/12/22
ç”»åƒã‚µãƒ ãƒã‚¤ãƒ«ã‚’ç¸¦æ¨ªã«ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€€ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ï¼ˆå›žè»¢æœ¨é¦¬/å›žè»¢ãƒˆãƒ¬ã‚¤ï¼‰ã£ã¦ã„ã†ã‚‰ã—ã„

jquery

javascript

plugin

tips
ãƒªãƒ³ã‚¯
jQuery ã§ãƒšãƒ¼ã‚¸ã‚¹ã‚¯ãƒãƒ¼ãƒ« - daily dayflower
jQuery 1.2 ä»¥é™ã ã¨ scrollTopï¼ˆã¨ scrollLeftï¼‰ã¨ã„ã†ç–‘ä¼¼ã‚¹ã‚¿ã‚¤ãƒ«ãŒåˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã§ï¼ŒjQuery UI ã‚’ä½¿ã‚ãšã¨ã‚‚ï¼ŒjQuery Core æœ¬ä½“ã ã‘ã§ãƒšãƒ¼ã‚¸å†…ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ãŸã¨ãˆã°ï¼Œ <html> <body> <p> blah, blah, blah, ... blah, blah, blah, ... </p> <p> <a href="#" id="link_to_top">ãƒšãƒ¼ã‚¸ã®å…ˆé ã¸</a> </p> </body> </html> ã“ã®ã‚ˆã†ãª HTML ã§ã€Œãƒšãƒ¼ã‚¸ã®å…ˆé ã¸ã€ã¨ã„ã†ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸã¨ãã«ï¼Œã‚¹ãƒ ãƒ¼ã‚ºã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã„ã®ãªã‚‰ï¼Œ $(function () { if (! $.browser.safari) { $('#link_to_top').click(function () { $(thi
sase 2009/12/22
ãªã‚ã‚‰ã‹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚„ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã«ã¤ã„ã¦è¨˜è¿°ã•ã‚Œã¦ã„ã‚‹

JavaScript

jquery

tips
ãƒªãƒ³ã‚¯
lightbox
The Psychology of Greatness in Legendary AthletesWhat defines greatness in legendary athletes? Beyond physical prowess and skill, their characters, mental resilience, and the ability to inspire transcend their technical achievements. The enduring legacies of individuals like Lionel Messi, Cristiano Ronaldo, Michael Jordan, and Muhammad Ali suggest a deeper interplay of psychological factors and so
sase 2009/12/08
lightbox

jquery

javascript
ãƒªãƒ³ã‚¯
Fancybox - Fancy jQuery lightbox alternative
This site is kept for historical purposes and represents original version of the Fancybox. Check out the latest - Fancybox v5 What is it? FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses Features Can display images, HTML elements, SWF movi
sase 2009/12/08
lighhtboxã€€Flashã‚„å¤–éƒ¨htmlã‚‚ã§ãã‚‹ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯MITlicenseã€‚

jquery

plugin
ãƒªãƒ³ã‚¯
jQueryã§ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®é«˜ã•ã‚’æƒãˆã¦ã¿ã‚‹ - å¾’æ›¸
ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹heightLine.js[to-R]ã‚’è¦‹ã¦ä¸æº€ã«æ€ã£ãŸã®ã¯ã€é«˜ã•ã‚’æƒãˆã‚‹è¦ç´ ã‚’å–å¾—ã™ã‚‹ãŸã‚ã«å›ºå®šã®classåã‚’ä½¿ã£ã¦ã„ã‚‹ã“ã¨ã§ã—ãŸã€‚ã“ã‚Œã ã¨æ—¢å˜ã®HTMLæ–‡æ›¸ã«é©ç”¨ã™ã‚‹ãŸã‚ã«ã¯ã€scriptè¦ç´ ã‚’åŠ ãˆã‚‹ã ã‘ã§ãªãã€ãã‚Œç”¨ã®classåã‚‚æ›¸ãåŠ ãˆãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ã©ã†ã›JavaScriptã‚’ä½¿ã†ã®ã§ã‚ã‚Œã°ã€æ—¢å˜ã®HTMLã®æ§‹é€ ã‚’ç”Ÿã‹ã—ã¤ã¤ã‚¹ã‚¯ãƒªãƒ—ãƒˆå´ã§ç›®çš„ã®è¦ç´ ã‚’å–å¾—ã§ããŸã»ã†ãŒã„ã„ã®ã§ã¯ã¨æ€ã„ã¾ã—ãŸã€‚ ã¨ã„ã†ã‚ã‘ã§ã¾ãŸã‚‚è‡ªåˆ†ãªã‚Šã«æ›¸ãæ›ãˆã¦ã¿ã‚‹ã‚·ãƒªãƒ¼ã‚ºãªã®ã§ã™ãŒã€ä»Šå›žã¯è¦ç´ å–å¾—ã®æŸ”è»Ÿã•ã«ç€ç›®ã—ã¦jQueryã‚’ä½¿ã£ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã§ããŸã‚‚ã®ã¯ä»¥ä¸‹ã§ã™ã€‚ jquery.flatheights.js å‹•ä½œã‚µãƒ³ãƒ—ãƒ« jQueryã®$é–¢æ•°ã§ã¯CSSã‚»ãƒ¬ã‚¯ã‚¿ã®æ›¸å¼ã§è¦ç´ ã‚’å–å¾—ã§ãã‚‹ã®ã§ã€ä¾‹ãˆã°ã€Œ"box1"ã¨ã„ã†classåã‚’æŒã¤è¦ç´ ã€ã‚’é›†ã‚ã‚‹ã®ã§ã‚ã‚Œã°
sase 2009/05/20
css

jquery

*webãƒ‡ã‚¶ã‚¤ãƒ³

ã¨ã‚Šã‚ãˆãš
ãƒªãƒ³ã‚¯
ThickBoxã‚’è©¦ã™ã®ã ï¼ (3)
ThickBox ã‚’è©¦ã—ã¦ã¿ã‚‹ã®ã ï¼ SWF ã‹ã‚‰ ThickBox ã¯ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã§ãã‚‹ã®ã ã‚ã†ã‹ï¼Ÿ è¦ Flash Player 8 ä»¥ä¸Š _root ã«ã€ãƒ ãƒ¼ãƒ“ãƒ¼ã‚¯ãƒªãƒƒãƒ—(ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹å: btn1, btn2a, btn2b, btn2c) ã‚’é…ç½®ã€‚ _root ç¬¬1ãƒ•ãƒ¬ãƒ¼ãƒ ã« import flash.external.ExternalInterface; btn1.onRelease = function():Void { //getURL("javascript:void(TB_show(\"cat\", \"sample1.jpg\", \"sample\"));"); ExternalInterface.call("TB_show", "cat", "sample1.jpg", "sample"); }; btn2a.onRelease = function():Void
sase 2009/03/05
ThickBoxã‚’Flashã§ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã¨ã‹ã€‚ã€€Flashãªã‚“ã‹ã‹ã‚ã„ã„

ã¡ã‚‰ã£ã¨è¦‹ãŸ

Flash

jquery
ãƒªãƒ³ã‚¯
Lightbox JS ã§ãƒ–ãƒã‚°ãƒ‘ãƒ¼ãƒ„ç‰ã® Flash ã‚’ PNG èƒŒæ™¯ç”»åƒã®ä¸‹ã«éš ã™
ã‚µãƒ ãƒãƒ¼ãƒ«ç”»åƒã‹ã‚‰æ‹¡å¤§ç”»åƒã‚’ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã•ã›ãšã«ã‚¹ãƒžãƒ¼ãƒˆã«è¡¨ç¤ºã™ã‚‹ Lightbox JSã€ä»¥å‰å½“ã‚µã‚¤ãƒˆã§ã‚‚Lightbox JS ã§ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹ã‚’ã‚¨ãƒ³ãƒˆãƒªãƒ¼è‡´ã—ã¾ã—ãŸãŒã€ãƒ–ãƒã‚°ã«è¨ç½®ã—ã¦ã„ã‚‹ Flashï¼ˆã“ã†ã•ãŽç‰ï¼‰ã«ã¤ã„ã¦ã¯æ‹¡å¤§ç”»åƒè¡¨ç¤ºæ™‚ã« PNG èƒŒæ™¯ç”»åƒï¼ˆoverlay.pngï¼‰ã®ä¸‹ã«éš ã‚Œãªã„ã¨ã„ã†å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ Flash ã¯é–€å¤–æ¼¢ãªã®ã§ã™ãŒã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã”åˆ©ç”¨ã‚µã‚¤ãƒˆã® Atelier Shuhei Weblog ã•ã‚“ã‚ˆã‚Šè§£æ¶ˆã™ã‚‹ãŸã‚ã®æƒ…å ±ï¼ˆä¸‹è¨˜ãƒªãƒ³ã‚¯å‚ç…§ï¼‰ã‚’é ‚ãã¾ã—ãŸã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ ã¾ãŸã“ã®ä»¶ã«é–¢ã—ã¦ä»–ã®æ–¹ã‹ã‚‰ã‚‚ã”è³ªå•ã‚’é ‚ã„ã¦ãŠã‚Šã¾ã™ã®ã§ã€æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã«ã¦ç´¹ä»‹ã•ã›ã¦é ‚ãã¾ã™ã€‚æœ¬ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚’è¡Œã†ã“ã¨ã§ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã®ã‚ˆã†ã«æ‹¡å¤§ç”»åƒã‚’è¡¨ç¤ºã—ãŸéš›ã€ãƒ–ãƒã‚°ãƒ„ãƒ¼ãƒ«ã‚’èƒŒæ™¯ç”»åƒã®ä¸‹ã«éš ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ Atelier Shuhei Weblogï¼šéš£ã®èŠ±ã¯ç´…ã„ Sit
sase 2009/03/05
FlashãŒå‰é¢ã«å‡ºã¦ãã‚‹å•é¡Œã€èƒŒæ™¯ã‚’é€æ˜Žã«ã™ã‚‹ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’å…¥ã‚Œã‚‹<param name="wmode" value="transparent">

Flash

jquery

èªã‚“ã
ãƒªãƒ³ã‚¯
jQueryã‚’è‰¯ãã™ã‚‹25ã®TIPS
jQueryã‚’è‰¯ãã™ã‚‹25ã®TIPS ãƒã‚¿å…ƒï¼šImprove your jQuery - 25 excellent tips ã¡ã‚‡ã£ã¨å¤šã„ã§ã™ãŒã€ã‹ãªã‚Šè‰¯ã„TIPSãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ Google AJAX Libraries APIã‚’åˆ©ç”¨ã—ã‚ˆã† Google AJAX Libraries APIã‚’æ´»ç”¨ã™ã‚Œã°ã™ã°ã‚„ããƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’èªã¿è¾¼ã‚€ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> ç›´æŽ¥èªã¿è¾¼ã‚€ã“ã¨ã‚‚å‡ºæ¥ã¾ã™ã€‚
sase 2008/12/21
*ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

JavaScript

jquery

tips

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
The Lightbox Clones Matrix Â« planetOzh
This tool lists a number of javascript scripts designed to embed various objects in HTML pages, such as images, flash animations, movies and iframes. Comparison of various scripts that display images and other objects in somehow cool CSS popups
sase 2008/09/05
JavaScript

ã¾ã¨ã‚

jquery

lightbox
ãƒªãƒ³ã‚¯
ç¬¬0å›ž jQueryã«ã‚ˆã‚‹JavaScriptå…¥é–€Â–Â€ - Re:Creatorâ€™s Kansai
PR ã€ŒãŠã™ã™ã‚ã®ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ãƒ©ãƒ³ã‚ãƒ³ã‚°ãŒçŸ¥ã‚ŠãŸã„ã€ã€Œäººæ°—ã®ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã‚’æ¯”è¼ƒã—ãŸã„ã€ã¨ã„ã†æ–¹ã«å‘ã‘ã¦ã€2024å¹´3æœˆæœ€æ–°ã®äººæ°—ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã®ãŠã™ã™ã‚9ç¤¾ã‚’ãƒ©ãƒ³ã‚ãƒ³ã‚°å½¢å¼ã§ç´¹ä»‹ã—ã¾ã™ã€‚ å½“è¨˜äº‹ãƒ©ãƒ³ã‚ãƒ³ã‚°1ä½ã®ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ãŒã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ä¸ï¼ ã‚·ãƒ³ãƒ»ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ãŒã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³å®Ÿæ–½ä¸ï¼ï¼ˆ2024/5/20ã¾ã§ï¼‰ å®Ÿè³ª385å††ï½žã€Œåˆ©ç”¨æ–™é‡‘50ï¼…ã‚ãƒ£ãƒƒã‚·ãƒ¥ãƒãƒƒã‚¯ã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã€ å‡ºå…¸ï¼šã‚·ãƒ³ãƒ»ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼å…¬å¼ã‚µã‚¤ãƒˆ ã‚·ãƒ³ãƒ»ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼ã§ã¯ã€2024å¹´5æœˆ20æ—¥ï¼ˆæœˆï¼‰ã¾ã§æœˆé¡åˆ©ç”¨æ–™é‡‘ãŒå®Ÿè³ªåŠé¡ã«ãªã‚‹ã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ã‚’é–‹å‚¬ä¸ã§ã™ã€‚ ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãƒ—ãƒ©ãƒ³ã®36ãƒ¶æœˆå¥‘ç´„ãªã‚‰ã€ã€Œ13,860å††ã€ã‚ãƒ£ãƒƒã‚·ãƒ¥ãƒãƒƒã‚¯ã§ã€ãªã‚“ã¨å®Ÿè³ªã€Œ385å††/æœˆã€ã§åˆ©ç”¨ã§ãã¾ã™ã€‚
sase 2008/06/06
ã¨ã‚Šã‚ãˆãš

JavaScript

jquery
ãƒªãƒ³ã‚¯
[JS]ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
Web Design Wallã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ŒjQuery Tutorials for Designersã€ã‹ã‚‰ã€JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒjQueryã€ãŒè¦–è¦šçš„ã«ã©ã®ã‚ˆã†ã«å‹•ä½œã™ã‚‹ã‹ãƒ‡ãƒ¢ã¨å…±ã«è§£èª¬ã—ã¦ã‚‹10ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
sase 2008/03/04
ãƒ–ãƒãƒƒã‚¯ã‚¨ãƒªã‚¢ã®ã‚¯ãƒªãƒƒã‚«ãƒ–ãƒ«

JavaScript

web

design

study

jquery
ãƒªãƒ³ã‚¯
1