[B! javascript] gotackã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

gotack id:gotack

javascriptã«é–¢ã™ã‚‹gotackã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (122)

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

ç¾åœ¨ä½•ãƒ‘ãƒ¼ã‚»ãƒ³ãƒˆã¾ã§èªã¿è¾¼ã¾ã‚Œã¦ã„ã‚‹ã‹ã‚’è¡¨ç¤ºã™ã‚‹ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å®Ÿè£…ã—ã¦ã¿ã‚‹
ç¾åœ¨ä½•ãƒ‘ãƒ¼ã‚»ãƒ³ãƒˆèªã¿è¾¼ã¾ã‚Œã¦ã„ã‚‹ã‹ã‚’è¡¨ç¤ºã™ã‚‹ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’JavaScriptã§å®Ÿè£…ã—ã¦ã¿ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ HTML ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”¨ã®è¦ç´ ã‚’é…ç½®ã—ã¦ãŠãã¾ã™ã€‚ <div id="loadingBg"></div> <div id="loading"> <div id="percent"><span id="percent-text"></span>ï¼…</div> <div id="gauge"></div> </div> CSS ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¦ç´ ã®é…ç½®ã¯é©å®œå¤‰æ›´ã—ã¦ãã ã•ã„ã€‚ #loadingBg { position: fixed; left: 0; top: 0; width: auto; min-width: 100%; height: auto; min-height: 100%; background: #ffffff; opacity: 0.6; } #loading {
gotack 2018/12/22
javascript
ãƒªãƒ³ã‚¯
JavaScriptã€Œæ—¥æ›¿ã‚ã‚Šãƒ©ãƒ³ãƒ€ãƒ ãƒªãƒ³ã‚¯ã€ã‚’ä½œã£ã¦ã¿ãŸã‚ˆï¼ï¼ï¼ï¼
ãƒãƒ¼ãƒšãƒ¼ã‚¹ãªãŒã‚‰è¨˜äº‹æ•°ã‚‚å¢—ãˆã¦ããŸã®ã§ã€ä»¥å‰ã‹ã‚‰è€ƒãˆã¦ã„ãŸã€Œæ—¥æ›¿ã‚ã‚Šãƒ©ãƒ³ãƒ€ãƒ ãƒªãƒ³ã‚¯ã€ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ãã®åã®é€šã‚Šç”¨æ„ã—ãŸURLé›†å›£ã®ä¸ã‹ã‚‰ã€æ¯Žæ—¥ãƒ©ãƒ³ãƒ€ãƒ ãªï¼‘ã¤ã‚’é¸ã¶ã¨ã„ã†ã‚‚ã®ã§ã™ï¼ˆæ—¥æ›¿ã‚ã‚Šç”»åƒã«ã‚‚ä½¿ç”¨å¯èƒ½ã§ã™ï¼‰ã€‚ â†’æŽ¢ã—ã¦ã¿ã‚‹ã¨ã€æ„å¤–ã«ãã†ã„ã†æ©Ÿèƒ½ãŒè¦‹ã¤ã‹ã‚‰ãªã„ã€‚ ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‹ã¨æ€ã„ãã‚„ã„ã‚ã„ã‚ã¨é›£é–¢ãŒã‚ã£ãŸã‚Šã‚‚ã—ã¾ã—ãŸãŒã€ã“ã‚Œã«ã¤ã„ã¦è©³ã—ãæ›¸ã„ã¦ã„ãã¾ã™ã€‚ ä¸€å¿œBloggerã®ãƒ¦ãƒ¼ã‚¶å‘ã‘ã§ã™ãŒã€ç‰¹ã«é›£ã—ã„ã“ã¨ã¯ã—ã¦ã„ãªã„ãŸã‚Java Scriptã•ãˆä½¿ãˆã‚Œã°ä»–ã®ãƒ–ãƒã‚°ç‰ã§ã‚‚å•é¡Œãªãä½¿ãˆã‚‹ã¯ãšã§ã™ã€‚ â€»å‹æ‰‹ã«ä½¿ã£ã¦ã„ã„ã‚ˆï¼ *ã‚‚ãã˜ï¼š â–¼ç‰¹å¾´ï½žæ¦‚è¦ï¼ˆâ†“ï¼‰ â–¼å®Ÿè£…ä¾‹ï¼ Blogger â–¼å®Ÿè£…ä¾‹ï¼ æ±Žç”¨ï¼ˆæ—¥æ›¿ã‚ã‚Šç”»åƒã®è¨å®šä¾‹ï¼‰ â–¼æ¤œè¨¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆï¼ˆç²¾åº¦æ¤œè¨¼ï¼çµæžœäºˆæ¸¬ç”¨ï¼‰ â–¼åŽŸç† ï¼ˆè¿½è¨˜ï¼‰ â–¼æ—¥æ›¿ã‚ã‚ŠèƒŒæ™¯ã‚’è¨å®šã—ã¦ã¿ãŸã‚ˆï¼ 2019å¹´7æœˆ Â»é–¢é€£è¨˜äº‹ï¼š â– è§£èª¬è¨˜äº‹ã„ã‚ã„ã‚ï¼â– Bloggerã‚«ã‚¹
gotack 2018/08/31
javascript
ãƒªãƒ³ã‚¯
[JavaScript]ç›®æ¨™æ—¥ã¾ã§ã®ã‚«ã‚¦ãƒ³ãƒˆãƒ€ã‚¦ãƒ³ã‚’ä½œã‚‹æ–¹æ³• | ã‚¢ã‚¤ã‚¹ã‚±ãƒƒãƒˆ | ç¥žå¥ˆå·çœŒç›¸æ¨¡åŽŸå¸‚ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸åˆ¶ä½œã€SEOå¯¾ç–ã€é‹ç”¨ãªã‚‰
ä½•ã‚‰ã‹ã®ã‚¤ãƒ™ãƒ³ãƒˆå½“æ—¥ã¾ã§ã®ã‚«ã‚¦ãƒ³ãƒˆãƒ€ã‚¦ãƒ³ã‚’è¡¨ç¤ºã—ãŸã„ã¨ã„ã†è¦æœ›ã¯çµæ§‹ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯JavaScriptã‚’ä½¿ã£ã¦ç›®æ¨™ã¨ã™ã‚‹æ—¥ä»˜ã¾ã§ã®æ—¥æ•°ã‚’ã‚«ã‚¦ãƒ³ãƒˆãƒ€ã‚¦ãƒ³ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‰ <script type="text/javascript" language="javascript">// <![CDATA[ // ä»Šæ—¥ã®æ—¥ä»˜ã‚’å–å¾— var today = new Date(); // é–‹å‚¬æ—¥ã‚’è¨å®š // â€» æœˆã¯0ï½ž11ã¾ã§ã§æŒ‡å®š var targetDay = new Date(2014,0,1); // 1æ—¥ã®ãƒžã‚¤ã‚¯ãƒç§’ã§é™¤ç®—ã‚’ã™ã‚‹ã¨ // é–‹å‚¬æ—¥ã¾ã§ã®æ—¥æ•°ãŒç®—å‡ºã§ãã‚‹ rem ainDay = Math.floor((targetDay - today) / (24*60*60*1000)); // é–‹å‚¬å‰æ—¥ã®å ´åˆã¯æ®‹ã‚Š0æ—¥ã«ãªã£ã¦ã—ã¾ã†ã®ã‚’é˜²æ¢ rem ainDa
gotack 2018/08/22
javascript
ãƒªãƒ³ã‚¯
èƒŒæ™¯ç”»åƒã®æ˜Žæš—ã«åˆã‚ã›ã¦æ–‡å—è‰²ã‚’è‡ªå‹•å¤‰æ›´ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŽBackgroundCheckã€ - ã‚ã®ããƒŽãƒ¼ãƒˆã€‚
2013-09-24 èƒŒæ™¯ç”»åƒã®æ˜Žæš—ã«åˆã‚ã›ã¦æ–‡å—è‰²ã‚’è‡ªå‹•å¤‰æ›´ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŽBackgroundCheckã€ Web BackgroundCheckã®ç´¹ä»‹ BackgroundCheckã¯èƒŒæ™¯ç”»åƒã«ã‚ªãƒ¼ãƒãƒ¼ãƒ©ãƒƒãƒ—ã•ã‚Œã¦ã„ã‚‹æ–‡å—è‰²ã‚’è¦‹ã‚„ã™ã„è‰²ã«å¤‰ãˆã¦ãã‚Œã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ èƒŒæ™¯ãŒæš—ã„ => æ–‡å—è‰²: ç™½ èƒŒæ™¯ãŒæ˜Žã‚‹ã„ => æ–‡å—è‰²: é»’ ã¨ãªã‚Šã¾ã™ã€‚ ãƒ‡ãƒ¢ã‚’ã‚„ã£ã¦ã¿ãŸ ãƒ‡ãƒ¢ã§ã¯æ–‡å—ã®èƒŒæ™¯ãŒæš—ã„ã¨ã“ã‚ã§ã¯æ–‡å—ãŒç™½ããªã‚Šã€æ–‡å—ã®èƒŒæ™¯ãŒæ˜Žã‚‹ã„ã¨ã“ã‚ã§ã¯æ–‡å—ãŒé»’ããªrã‚Šã¾ã™ã€‚ BackgroundCheckã‚’ä½¿ã£ã¦ã¿ã‚ˆã† ã¾ãšã¯CSSã€‚èƒŒæ™¯è‰²ã«ã‚ˆã£ã¦"background--ligtht"ã‹"background--dark"ã¨ã„ã†ã‚¯ãƒ©ã‚¹åãŒè¿½åŠ ã•ã‚Œã‚‹ã®ã§ã€ãã®æ™‚ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’è¿½åŠ ã—ã¦ã‚ã’ã‚‹ã€‚ p { color: white; } .p.back
gotack 2013/09/24
javascript
ãƒªãƒ³ã‚¯
[JS]æ‰‹æ›¸ãé¢¨ã®ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³ã‚’ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«ç°¡å˜ã«è¨ç½®ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -JS Sequence Diagrams | ã‚³ãƒªã‚¹
Demo 3 JS Sequence Diagramsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« JS Sequence Diagramsã®å®Ÿè£…ã«ã¯ã€ã€ŒUnderscore.jsã€ã¨ã€ŒRaphaÃ«lã€ãŒå¿…è¦ã§ã™ã€‚ <script src="raphael-min.js"></script> <script src="underscore-min.js"></script> <script src="sequence-diagram-min.js"></script> Step 2: HTML ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³ã‚’æç”»ã™ã‚‹ã‚¨ãƒªã‚¢ã‚’ç¢ºä¿ã—ã¾ã™ã€‚ <div id="diagram"></div> Step 3: JavaScript ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ãƒ†ã‚ã‚¹ãƒˆã‚’æ›¸ãã€å®Ÿè¡Œã—ã¾ã™ã€‚ <script> var diagram = Diagram.parse("A->B: Message"); diagram.dra
gotack 2013/07/24
ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³

javascript

jQuery
ãƒªãƒ³ã‚¯
å®Ÿéš›ã®ã‚µã‚¤ãƒˆä¸Šã§å‹•ä½œã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒç°¡å˜ã«ä½œã‚Œã‚‹Intro.jsãŒä¾¿åˆ©ã™ãŽã‚‹ä»¶ - (ï¾Ÿâˆ€ï¾Ÿ)oå½¡ sasata299's blog
2013å¹´05æœˆ08æ—¥18:21 JavaScript å®Ÿéš›ã®ã‚µã‚¤ãƒˆä¸Šã§å‹•ä½œã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒç°¡å˜ã«ä½œã‚Œã‚‹Intro.jsãŒä¾¿åˆ©ã™ãŽã‚‹ä»¶ ã•ã¦ã€å…ˆæ—¥ç°¡å˜ãªãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ä½œã‚ã†ã¨æ€ã£ãŸã‚“ã§ã™ãŒã€ã©ã†ã‚„ã‚‹ã®ãŒè‰¯ã„ã®ã‹ãªãƒ¼ã¨æ€ã£ã¦æ‚©ã‚“ã§ã¾ã—ãŸã€‚ã‚ãƒ£ãƒ—ãƒãƒ£å–ã£ã¦ãã“ã«èª¬æ˜Žæ–‡ã‚’æ›¸ã„ã¦â€¦ã£ã¦ã—ã¦ã‚‚ã„ã„ã‚“ã§ã™ã‘ã©ã€ã‚ãƒ£ãƒ—ãƒãƒ£ã ã¨ä¸€éƒ¨åˆ†ãªã®ã§ã‚µã‚¤ãƒˆä¸Šã®ã©ã®è¾ºãªã®ã‹ã‚ã‹ã‚Šã«ãã‹ã£ãŸã‚Šã€ã‚µã‚¤ãƒˆå´ã¯å¤‰æ›´ã—ãŸã®ã«ã‚ãƒ£ãƒ—ãƒãƒ£ãŒå¤ã„ã¾ã¾ã¨ã‹ã«ãªã£ãŸã‚Šã—ã¡ã‚ƒã„ã¾ã™ã‚ˆãï¼žï¼œ ã¨ã‹æ€ã£ã¦æŽ¢ã—ã¦ã¿ãŸã‚‰ã“ã¡ã‚‰ã® Intro.js ãŒä¾¿åˆ©ã ã£ãŸã®ã§ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ ã•ã¦ã€ã“ã® Intro.js ã‚’ä½¿ã†ã¨ã§ã™ãã€ã‚µã‚¤ãƒˆä¸Šã§å‹•ä½œã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç°¡å˜ã«ä½œã‚Œã‚‹ã‚“ã§ã™ã‚ˆã€‚ä½¿ã„æ–¹ã‚‚ç°¡å˜ã§ã€å‹•ä½œã•ã›ãŸã„è¦ç´ ã«å¯¾ã—ã¦ data-intro (è¡¨ç¤ºã™ã‚‹èª¬æ˜Žæ–‡) ã¨ data-step (ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ä½•ç•ªç›®ã«è¡¨ç¤ºã™ã‚‹ã‹) ã‚’æŒ‡å®šã—ã¾ã™ã€‚ãƒ
gotack 2013/05/09
webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚ãƒ£ãƒ—ãƒãƒ£

javascript

jquery
ãƒªãƒ³ã‚¯
Redirectingâ€¦
Redirectingâ€¦ Click here if you are not redirected.
gotack 2013/04/22
ã‚¯ãƒ¢ã®æŒ™å‹•ãŒãƒ»ãƒ»

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

javascript
ãƒªãƒ³ã‚¯
HugeDomains.com
Captcha security check actyway.com is for sale Please prove you're not a robot View Price Processing
gotack 2013/04/09
css3

javascript

Webãƒ‡ã‚¶ã‚¤ãƒ³

æ¡œ

jquery
ãƒªãƒ³ã‚¯
[JS]ç”»åƒãƒ›ãƒãƒ¼ã§ã€ã•ã¾ã–ã¾ãªè¦ç´ ã‚’é…ç½®ã—ãŸåŠé€æ˜Žã®ãƒ‘ãƒãƒ«ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -HCaptions
ç”»åƒã‚’ãƒ›ãƒãƒ¼ã™ã‚‹ã¨ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚„ãƒ•ã‚§ãƒ¼ãƒ‰ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã™ã‚‹åŠé€æ˜Žã®ãƒ‘ãƒãƒ«ã‚’å®Ÿè£…ã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‘ãƒãƒ«ã¯å®Ÿè£…ã‚‚ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚ç°¡å˜ã§ã™ã€‚ HCaptions -GitHub HCaptionsã®æº–å‚™ HCaptionsã®ãƒ‡ãƒ¢ã¨å®Ÿè£… HCaptionsã®è¨å®š HCaptionsã®æº–å‚™ ã¾ãšã¯ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä½¿ã†æº–å‚™ã‹ã‚‰ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="js/jquery.js"></script> <script src="js/jquery.hcaptions.js"></script> Step 2: ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®æº–å‚™ ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚’è¡¨ç¤ºã«ä»˜ä¸Žã™ã‚‹classã‚’å®šç¾©ã—ã¾ã™ã€‚ $(window).load(function(){ $('.hcaption').hcapt
gotack 2013/03/25
webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

javascript

jquery
ãƒªãƒ³ã‚¯
[JS]å®Ÿè£…ã¯ç°¡å˜ã§é«˜æ€§èƒ½ã€ãƒãƒ¼ãƒ‰ç„¡ã—ã§ãƒšãƒ¼ã‚¸ã‚’æ¬¡ã€…ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Navi.js
è¤‡æ•°ã®ãƒšãƒ¼ã‚¸ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒãƒ¼ãƒ‰ç„¡ã—ã§ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§æ¬¡ã€…ã«è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã‚Œç³»ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯ã„ãã¤ã‹ç´¹ä»‹ã—ã¦ãã¾ã—ãŸãŒã€ãƒšãƒ¼ã‚¸ã‚¿ã‚¤ãƒˆãƒ«ã®è¨å®šã‚„ãƒã‚¹ãƒˆã€æˆ»ã‚‹ãƒ»æ¬¡ã¸ãƒœã‚¿ãƒ³ã®å¯¾å¿œãªã©ã€ä½¿ã„å‹æ‰‹ã‚‚ãªã‹ãªã‹ã§ã™ã€‚ Navi.js Navi.js -GitHub Navi.jsã®ç‰¹å¾´ Navi.jsã®ãƒ‡ãƒ¢ Navi.jsã®ä½¿ã„æ–¹ Navi.jsã®ç‰¹å¾´ Navi.jsã®ä»•çµ„ã¿ã¯ä¸€ã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«è¤‡æ•°ã®ãƒšãƒ¼ã‚¸ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã—ã€ãã‚Œã‚’ãƒšãƒ¼ã‚¸ã”ã¨ã«é·ç§»ã™ã‚‹ã‚ˆã†ã«è¡¨ç¤ºã—ã¾ã™ã€‚ ã‚¿ãƒ–ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã€ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒ‘ãƒ³ããšã‚’ã‚µãƒãƒ¼ãƒˆ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã‚ã£ãŸãƒšãƒ¼ã‚¸ã‚¿ã‚¤ãƒˆãƒ«ã‚’è¡¨ç¤º æˆ»ã‚‹ãƒ»æ¬¡ã¸ãƒœã‚¿ãƒ³ã®ã‚µãƒãƒ¼ãƒˆ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒã‚¹ãƒˆã‚’ã‚µãƒãƒ¼ãƒˆ ã‚¹ãƒ©ã‚¤ãƒ‰ã‚¢ãƒƒãƒ—ã€ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ¬ãƒ•ãƒˆã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚¢ãƒƒãƒ—ãƒ»ãƒ¬ãƒ•ãƒˆã€ãƒ•ã‚§ãƒ¼ãƒ‰ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç”¨æ„ AJAXã‚µãƒãƒ¼ãƒˆ Google Analytic
gotack 2013/03/25
jquery

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

webåˆ¶ä½œ

javascript

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
ã€ŒãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®ãŸã‚ã®jQueryç”Ÿæˆãƒ„ãƒ¼ãƒ«ã€ä½œã‚Šã¾ã—ãŸ
ãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®ãŸã‚ã®jQueryç”Ÿæˆãƒ„ãƒ¼ãƒ«ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ã‚ˆã‘ã‚Œã°ã”æ´»ç”¨ãã ã•ã„ã€‚ ãƒŽãƒ³ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®ãŸã‚ã®jQueryç”Ÿæˆãƒ„ãƒ¼ãƒ« ã‚µãƒ³ãƒ—ãƒ«è¡¨ç¤ºã¤ã ã“ã®ãƒ„ãƒ¼ãƒ«ã¯ã€Œ7ã¤ã®ã‚µãƒ³ãƒ—ãƒ«ã§jQueryã‚’å¦ã¼ã†ï¼ã€ŒjQueryãŒå…¨ãåˆ†ã‹ã‚‰ãªã„äººã®ãŸã‚ã€ã®è¶…åˆç´šè€…å‘ã‘å…¥é–€è¬›åº§ã€ã«ã‚¤ãƒ³ã‚¹ãƒ‘ã‚¤ã‚¢ã•ã‚Œã¦ä½œã£ãŸã€åˆå¿ƒè€…å‘ã‘ã®ãŠå‹‰å¼·ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ãªã©è¤‡é›‘ãªè¨å®šã¯ã§ãã¾ã›ã‚“ãŒã€åŸºæœ¬çš„ãªè¨å®šã¨ãƒ¡ã‚½ãƒƒãƒ‰ãƒã‚§ãƒ¼ãƒ³ã¾ã§ã§ãã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ è¿½è¨˜ï¼šã‚¤ãƒ™ãƒ³ãƒˆã¨APIã‚’ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§é¸æŠžã§ãã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚éŽä¸è¶³ã‚ã‚Œã°ã”æŒ‡æ‘˜ãã ã•ã„ã€‚ è¿½è¨˜ï¼šã‚¤ãƒ™ãƒ³ãƒˆã¨APIã®ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’è¡¨ç¤ºã§ãã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ã–ã£ãã‚Šã—ãŸå†…å®¹ã§ã™ãŒã€ã“ã‚Œã§ã‚¤ãƒ™ãƒ³ãƒˆã‚„APIã®ä½¿ã„æ–¹ãŒåˆ†ã‹ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’è¡¨ç¤º ã‚„ã£ã¤ã‘ã§ä½œã£ãŸã®ã§ä¸ã®ã‚³ãƒ¼ãƒ‰ã¯ã‹ãªã‚Šã²ã©ã„ã§ã™ã€‚ã‚ã—ã‹ã‚‰ãšã€‚ ï¼‘ï¼Žä½¿ã„æ–¹ æœ¬ã‚¨ãƒ³
gotack 2012/11/17
jquery

Webåˆ¶ä½œ

JavaScript
ãƒªãƒ³ã‚¯
[JS]è¡Œé€ã‚Šã«ã‚‚å¯¾å¿œã€ãƒ†ã‚ã‚¹ãƒˆã‚’ä¸€æ–‡å—ãšã¤ã‚¿ã‚¤ãƒ—ãƒ©ã‚¤ã‚¿ãƒ¼ã®ã‚ˆã†ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Typist
æ—¥æœ¬èªžã«ã‚‚å¯¾å¿œã€è¡Œé€ã‚Šã‚„ä¸€æ™‚åœæ¢ã€ã‚¿ã‚¤ãƒ—ã‚¹ãƒ”ãƒ¼ãƒ‰ã®ç·©æ€¥ã‚‚èª¿æ•´ã§ãã‚‹ã€ãƒ†ã‚ã‚¹ãƒˆã‚’ä¸€æ–‡å—ãšã¤ã‚¿ã‚¤ãƒ—ãƒ©ã‚¤ã‚¿ãƒ¼ã®ã‚ˆã†ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ è¡Œé€ã‚Šã—ã¦ã‚‹ã¨ã“ Typistã®ä½¿ã„æ–¹ å®Ÿè£…ã¯3ã‚¹ãƒ†ãƒƒãƒ—ã§ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ â€»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ç‰¹ã«å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§è¨å®šã—ã¾ã™ã€‚ <script src="https://ajax.google apis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="jquery.typist.js"></script> Step 2: HTML ãƒ†ã‚ã‚¹ãƒˆã‚’è¡¨ç¤ºã™ã‚‹ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã‚’é…ç½®ã—ã¾ã™ã€p, divè¦ç´ ãªã©ã§ã€‚ <p id="terminal">
gotack 2012/08/11
jquery

javascript
ãƒªãƒ³ã‚¯
[JS]ç”»åƒã‚’ãƒ›ãƒãƒ¼æ™‚ã«ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç›®ç«‹ãŸã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Adipoli
ã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ã‹ã‚‰ã¡ã‚‡ã£ã¨é¢ç™½ã„ã‚‚ã®ã¾ã§ã€20ç¨®é¡žä»¥ä¸Šã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆãŸç”»åƒã‚’ç›®ç«‹ãŸã›ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯20ç¨®é¡žä»¥ä¸Šã§ã€ãƒ›ãƒãƒ¼æ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ä¸‹è¨˜ã®ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã€‚ normal popout sliceDown sliceDownLeft sliceUp sliceUpLeft sliceUpRandom sliceUpDown sliceUpDownLeft fold foldLeft boxRandom boxRain boxRainReverse boxRainGrow boxRainGrowReverse ç”»åƒã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆæ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆï¼ˆã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ãƒ»åŠé€æ˜Žï¼‰ã‚‚ç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€çµ„ã¿åˆã‚ã›ã¦åˆ©ç”¨ã§ãã¾ã™ã€‚ [ad#ad-2] ä»¥ä¸‹ã€ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
gotack 2012/03/07
webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼

javascript
ãƒªãƒ³ã‚¯
[JS]é«˜æ€§èƒ½ã§è¨ç½®ã‚‚ç°¡å˜ã€ãƒ–ãƒ©ã‚¦ã‚¶æž ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’é…ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -bgStretcher
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šSuper Slider ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¹ãƒ¼ãƒ‘ãƒ¼ç‰ˆã§ã€æ–œã‚æ–¹å‘ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã¾ã™ã€‚ bgStretcherã®ä¸»ãªç‰¹å¾´ ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã¯ã‚·ãƒ³ãƒ—ãƒ« å…¨ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã‚µãƒãƒ¼ãƒˆ ç”»åƒã¯ä¸€æžšã ã‘ã§ãªãã€è¤‡æ•°æžšã«ã‚‚å¯¾å¿œ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Internet Explorer 6, 7, 8, 9 Firefox 2, 3, 4 Opera 9+ Safari Chrome bgStretcherã®ä½¿ã„æ–¹ Step 1: ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ã‚µã‚¤ãƒˆã®ã€ŒDownloadã€ã‚ˆã‚Šãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ä¸€å¼ã«ã¯å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«å…¨ã¦ï¼ˆjqeury.jsã‚‚ï¼‰ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ Step 2: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¸‹è¨˜ã®ã‚ˆã†ã«<head>ï½ž</head>ã«è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="../jquery-1.5.2.mi
gotack 2012/02/12
webåˆ¶ä½œ

javascript
ãƒªãƒ³ã‚¯
[JS]ãŸã ã®ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã ã¨æ€ã£ãŸã‚‰å¤§é–“é•ã„ã€ãƒ›ãƒãƒ¼æ™‚ã«ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Hovercard
ã•ã¾ã–ã¾ãªHTMLã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ›ãƒãƒ¼æ™‚ã«ã‚«ãƒ¼ãƒ‰çŠ¶ã®ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãŸã ã®ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã¨ã¯é•ã„ã€ã‚«ãƒ¼ãƒ‰ã®ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«æ›´ã«ã‚«ãƒ¼ãƒ‰ã‚’è¡¨ç¤ºã—ãŸã‚Šã€Facebook, Twitterã¨é€£æºã—ãŸã‚Šã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã‚‚å‚™ãˆã¦ã„ã¾ã™ã€‚ Hovercard [ad#ad-2] Hovercardã®ç‰¹å¾´ Hovercardã®ãƒ‡ãƒ¢ Hovercardã®å®Ÿè£… Hovercardã®ç‰¹å¾´ Hovercardã¯è»½é‡ã®jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã€ãƒªãƒ³ã‚¯ã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ã•ã¾ã–ã¾ãªHTMLã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«ãƒ›ãƒãƒ¼ã™ã‚‹ã¨ãã‚Œã«é–¢é€£ã—ãŸã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚¹ãƒ ãƒ¼ã‚ºãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å¤–éƒ¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã¯ãªãã€æœ€å°ã®CSSã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ è¡¨ç¤ºã•ã‚Œã‚‹HTMLã¯ãƒ•ãƒ«ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãŒå¯èƒ½ã§ã™ã€‚ T
gotack 2011/12/05
facebook

twitter

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

javascript

ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—
ãƒªãƒ³ã‚¯
CSSã¯åˆ†ã‹ã‚‹ã‘ã© jQuery ã¯è‹¦æ‰‹ â€¦ ã¨ã„ã†äººãŒ jQuery ã«è¦ªã—ã‚“ã§ãã‚Œã‚‹ã¨ã„ã„ãªãƒ¼ã¨æ€ã£ã¦æ›¸ãã¾ã—ãŸ
Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ã„ã‚‹ã¨ã€HTML ã¨ CSS ã ã‘ã§ã¯ã§ããªã„è¡¨ç¾ã£ã¦ã‚ã‚Šã¾ã™ã‚ˆãã€‚ãã‚“ãªæ™‚ã«ã‚ˆãä½¿ã†ã®ãŒ jQueryã€‚ä»Šå›žã¯ jQuery ã£ã¦ã„ã¾ã„ã¡ã‚ˆãåˆ†ã‹ã‚‰ãªã„ ... ã£ã¦ã„ã†äººãŒã€jQuery ã«å°‘ã—ã§ã‚‚è¦ªã—ã‚“ã§ã‚‚ã‚‰ãˆãŸã‚‰ã„ã„ãªãƒ¼ã¨æ€ã£ã¦ã€çŸ¥ã£ã¦ã‚‹äº‹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ãªã®ã§ jQuery åˆå¿ƒè€…ã•ã‚“å‘ã‘ã®è¨˜äº‹ã§ã™ã€‚ ã¨ã£ã¦ã‚‚å½“ãŸã‚Šå‰ãªã‚“ã§ã™ã‘ã©ã€Web ã‚µã‚¤ãƒˆã¯åŸºæœ¬çš„ã« HTML ã§æ›¸ã‹ã‚Œã¦ã„ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ CSS ã§è£…é£¾ã•ã‚Œã¦ã„ã¾ã™ã‚ˆãã€‚æœ€è¿‘ã§ã¯ CSS3 ã®ç™»å ´ã§ã€ç°¡å˜ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ CSS ã§ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã§ã‚‚ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ¯ãƒ¼ã‚¯ã§ã¯ã€ã¾ã ã¾ã CSS3 ã‚’ä½¿ãˆã‚‹éƒ¨åˆ†ãŒé™ã‚‰ã‚Œã¦ã„ã‚‹ã—ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å°‘ã—å‹•ããªã©ã‚’ã¤ã‘ãŸã„æ™‚ãªã©ã¯ã€ã¾ã ã¾ã jQuery ã‚’æ´»ç”¨ã™ã‚‹äº‹ã‚‚å¤šã„ã§ã™ã€‚ ç§ã¯ Javascript ãŒè‹¦æ‰‹ã§ã€jQuery ã‚‚ã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨è‹¦
gotack 2011/10/11
javascript

jQuery

webåˆ¶ä½œ

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
[JS]aè¦ç´ ã‚’å†…åŒ…ã™ã‚‹divè¦ç´ å…¨ä½“ã‚’ã‚¯ãƒªãƒƒã‚«ãƒ–ãƒ«ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Div Linker
ãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯ãªã©ã®aè¦ç´ ã‚’å†…åŒ…ã™ã‚‹divè¦ç´ ã®å…¨éƒ¨ã‚’ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ã«ã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Div Linker ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] Div Linkerã®å®Ÿè£… å®Ÿè£…ã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="https://ajax.google apis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="jquery.divlinker1.0.js"></script> HTML ãƒ‡ãƒ¢ã®ã‚ˆã†ã«ãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯ï¼ˆaè¦ç´ ï¼‰ã‚’divè¦ç´ ã§å†…åŒ…ã—ã¾ã™ã€‚ <div class="divlinker"> <img src="image.jpg" width="151" height="130" /> <
gotack 2011/10/10
ã“ã‚Œã¯ã„ã„ã‚¢ãƒ•ã‚£ãƒªã‚¨ã‚¤ãƒˆç´ æã€‚

jquery

webåˆ¶ä½œ

javascript
ãƒªãƒ³ã‚¯
[JS]è¶…è»½é‡ã€è¨ç½®ã‚‚ç°¡å˜ã€ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚‚è±Šå¯Œãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Orbit
å®Ÿè£…ã‚‚ç°¡å˜ã§ã€ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚‚è±Šå¯Œã«æƒã£ãŸã€ä½¿ã„å‹æ‰‹ã®ã‚ˆã„ç”»åƒã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ç”¨ã®jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ç´„4KBã¨è¶…è»½é‡ãªã®ã‚‚ã„ã„ã§ã™ãã€‚ å³ä¸Šã®ã‚ªãƒ¼ãƒˆãƒ—ãƒ¬ã‚¤ã¯çŠ¶æ³ã‚‚è¡¨ç¤ºã—ã¾ã™ã€‚ Orbitã®å®Ÿè£… å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.orbit.min.js" type="text/javascript"></script> ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚‚å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <link rel="stylesheet" href="css/orbit.css"> HTML ç”»åƒã®ã¿ã‚’é…ç½®ã—ãŸã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ãƒ©ã‚¤ãƒ‰ã®HTMLã§ã™ã€‚ <div id="featured"
gotack 2011/08/15
jquery

javascript

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼
ãƒªãƒ³ã‚¯
ç•°ãªã‚‹ã‚µã‚¤ã‚ºã®ç”»åƒã‚’ä¸¦ã¹ã¦çž¬æ™‚ã«ã‚µã‚¤ã‚ºã‚’æƒãˆã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒMyThumbnailã€:phpspoté–‹ç™ºæ—¥èªŒ
ç•°ãªã‚‹ã‚µã‚¤ã‚ºã®ç”»åƒã‚’ä¸¦ã¹ã¦çž¬æ™‚ã«ã‚µã‚¤ã‚ºã‚’æƒãˆã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒMyThumbnailã€ 2011å¹´06æœˆ27æ—¥- Official Demo page for MyThumbnail jquery plugin ç•°ãªã‚‹ã‚µã‚¤ã‚ºã®ç”»åƒã‚’ä¸¦ã¹ã¦çž¬æ™‚ã«ã‚µã‚¤ã‚ºã‚’æƒãˆã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒMyThumbnailã€ã€‚ ç”»åƒã¯æ™®é€šã«ä¸¦ã¹ã‚‹ã¨é«˜ã•ã‚„ã‚µã‚¤ã‚ºã‚‚ä¸€å®šã§ã¯ãªãã‹ã¨ã„ã£ã¦ã‚µã‚¤ã‚ºã—ã¦ã„ã§ç¸®ã‚ã¡ã‚ƒã£ãŸã¨ã—ã¦ã‚‚å¹…ã¯ä¸€å®šã«ãªã‚Šã¾ã›ã‚“ã€‚ ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ãˆã°æŒ‡å®šã®ã‚µã‚¤ã‚ºã«ã¾ã‚‹ã‚ã¦ãã‚Œã‚‹ã ã‘ã§ãªãã€ãƒˆãƒªãƒŸãƒ³ã‚°ã‚‚ã—ã¦ç”»åƒãŒå¤‰ãªæ–¹å‘ã«ä¼¸ç¸®ã—ãªã„ã‚ˆã†ã«ã‚‚èª¿æ•´ã—ã¦ãã‚Œã¾ã™ æ¬¡ã®ã‚ˆã†ãªç”»åƒã‚’ä¸¦ã¹ãŸã ã‘ã®çŠ¶æ…‹ãŒã‚ã£ãŸã¨ã—ã¦ã€‚ æ¬¡ã®ã‚ˆã†ã«ã€æŒ‡å®šã—ãŸã‚µã‚¤ã‚ºã«èª¿æ•´ã—ãŸä¸Šã§ãƒˆãƒªãƒŸãƒ³ã‚°ã‚‚ã—ã¦ãã‚Œã¾ã™ï¼ˆè§’ä¸¸ã¯CSSã§æŒ‡å®šã—ã¦ã¾ã™ï¼‰ã€‚ HTMLã¯æ¬¡ã®ã‚ˆã†ã«ã‹ãªã‚Šå˜ç´”ã«<a>ä»˜ãã®<img>ã‚’ä¸¦ã¹ãŸã ã‘ã§ã™ã€‚ <div
gotack 2011/06/27
jquery

WEBãƒ‡ã‚¶ã‚¤ãƒ³

javascript

ã“ã‚Œã¯ã™ã”ã„
ãƒªãƒ³ã‚¯
[JS]ç¾Žã—ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆãŸæ°´å¹³ã‚¿ã‚¤ãƒ—ã®ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -zAccordion | ã‚³ãƒªã‚¹
æ»‘ã‚‰ã‹ãªã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ç¹Šç´°ãªãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã€ãƒ•ã‚§ãƒ¼ãƒ‰ã§è¡¨ç¤ºã•ã‚Œã‚‹ã‚¤ãƒ³ãƒ•ã‚©ãƒœãƒƒã‚¯ã‚¹ãªã©ã€ç¾Žã—ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å‚™ãˆãŸã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã®jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ zAccordion - A Horizontal Accordion Plugin for jQuery ä¸Šè¨˜ãƒšãƒ¼ã‚¸ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã¯ã€è·³ãè¿”ã‚‹ãƒã‚¦ãƒ³ã‚¹ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ãªã£ã¦ã„ã¾ã™ã€‚ [ad#ad-2] zAccordionã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã§ã¯ã€æœ€å°é™ã®æ©Ÿèƒ½ã‚’å‚™ãˆãŸã‚‚ã®ã‹ã‚‰ã€æœ€å¤§é™ã«æ‹¡å¼µã—ãŸã‚‚ã®ã€ã¡ã‚‡ã£ã¨é¢ç™½ã„ã‚‚ã®ã¾ã§ãŒæƒã£ã¦ã„ã¾ã™ã€‚ zAccordion â€” An Inverted Accordion ã‚¹ãƒ©ã‚¤ãƒ‰ã®é‡ãé †ã‚’åè»¢ã•ã›ãŸã¡ã‚‡ã£ã¨é¢ç™½ã„ãƒ‡ãƒ¢ã€‚ zAccordionã®å®Ÿè£… HTML ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã®å„ãƒ‘ãƒãƒ«ã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ <ul id="featured"> <li> <image src="/im
gotack 2011/06/14
ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³

javascript

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 æ¬¡ã®ãƒšãƒ¼ã‚¸