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

SyamoRokku id:SyamoRokku

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

${{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ã§ã‚ˆãè¦‹ã‚‹ã‚¨ãƒ©ãƒ¼ã¨ãã®å¯¾ç–
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«ãŠã„ã¦é¿ã‘ã¦ã¯é€šã‚Œãªã„ã®ãŒã‚¨ãƒ©ãƒ¼ã§ã™ã€‚JavaScriptã«ãŠã„ã¦ã‚‚ã€å¤šæ•°ã®ã‚¨ãƒ©ãƒ¼ã«æ‚©ã¾ã•ã‚Œã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ã‚¨ãƒ©ãƒ¼ã¯ãã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã•ãˆèªã‚ã°åŽŸå› ãŒã‚ã‹ã‚‹ã“ã¨ã‚‚å¤šã„ã®ã§ã™ãŒã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«æ…£ã‚Œã¦ãªã„äººãŒJavaScriptã®æŸ”è»Ÿãªã‚³ãƒ¼ãƒ‰ã«æŒ¯ã‚Šå›žã•ã‚Œã¦ã„ã‚‹ã¨ã€ãªã‹ãªã‹ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‹ã‚‰ã¯åŽŸå› ã‚’æŽ¨å¯Ÿã§ãã¾ã›ã‚“ã€‚ ãã“ã§ã“ã®è¨˜äº‹ã§ã¯ã‚ˆãã‚ã‚‹ã‚¨ãƒ©ãƒ¼ã¨ãã®å¯¾ç–ã«ã¤ã„ã¦ã¾ã¨ã‚ã¾ã™ã€‚ ã‚ˆãã‚ã‚‹JavaScriptã‚¨ãƒ©ãƒ¼ã®åŽŸå› ã¨å¯¾ç– åŸºæœ¬çš„ã«ä»¥ä¸‹ã®ç’°å¢ƒã§ã®å®Ÿè¡Œã¨ã—ã¾ã™ã€‚ Google Chrome ã—ã‹ã—ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã¯Firefoxã‚„Node.jsã§ã‚‚ãã†å¤‰ã‚ã‚‰ãªã„ã¨æ€ã„ã¾ã™ã€‚ Chromeã«ãŠã„ã¦ã€ã‚¨ãƒ©ãƒ¼ã‚’ç¢ºèªã™ã‚‹ãŸã‚ã®ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã¯F12ã‚ãƒ¼ã‚’æŠ¼ã™ã¨è¡¨ç¤ºã§ãã¾ã™ã€‚ç¢ºèªã—ãŸã„ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ã¦ã€ãã“ã§F12ã‚’æŠ¼ã—ã¦ãã ã•ã„ã€‚ Uncaught SyntaxError: Unexpected
SyamoRokku 2023/06/30
ã‚¨ãƒ©ãƒ¼é›†

javascript

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
jQuery ç°¡å˜ã‹ã¤é«˜æ€§èƒ½ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€bxsliderã€‘ã®è¨ç½® â€“ Divã‚¹ãƒ©ã‚¤ãƒ‰ç³»ã®ä¸ã§ã¯ä¸€ç•ªã®ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚
$(function(){ $('#slider1').bxSlider({ auto:true, speed:1000, pause:500 }); }); <div id="slider1"> <div><img src="images/new1.jpg"></div> <div><img src="images/new2.jpg"></div> <div><img src="images/new3.jpg"></div> </div> $(function(){ $('#slider2').bxSlider({ auto:true, speed:1000, mode: 'fade', captions: true }); }); <div id="slider2"> <div><img src="images/new1.jpg" title="captions"></div> <di
SyamoRokku 2017/07/12
ã¾ã¨ã‚

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

*webåˆ¶ä½œ

CSS

javascript
ãƒªãƒ³ã‚¯
GoFã®23ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ï¼ŒJavaã§æ´»ç”¨ã™ã‚‹ãŸã‚ã®ä¸€è¦§è¡¨ã€€ï¼ˆãƒ‘ã‚¿ãƒ¼ãƒ³ã”ã¨ã®è¦ç´„ã‚³ãƒ¡ãƒ³ãƒˆä»˜ãï¼‰ - ä¸»ã«è¨€èªžã¨ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã«é–¢ã—ã¦
GoFãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã®ä¸€è¦§è¡¨ã¨ï¼Œæ´»ç”¨ã®ãŸã‚ã®ã‚³ãƒ¡ãƒ³ãƒˆï¼ŒãŠã‚ˆã³å…¥é–€è€…ãŒç‹¬å¦ã™ã‚‹ãŸã‚ã®ãƒªãƒ³ã‚¯é›†ï¼ˆã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ä»˜ãï¼‰ã€‚ å…¥é–€è€…ã®ç‹¬å¦ã‚’æ”¯æ´ã™ã‚‹ãŸã‚ã«ï¼Œã“ã®ãƒšãƒ¼ã‚¸ã®URLã‚’æç¤ºã—ã¦ç†Ÿèªã•ã›ï¼Œå„ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’çŸæ™‚é–“ã§åŠ¹çŽ‡ã‚ˆãå¦ã‚“ã§ã‚‚ã‚‰ã†ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ãƒ—ãƒã‚°ãƒ©ãƒžã®å¸¸è˜ã ã€‚ Javaä½¿ã„ã‹ã©ã†ã‹ã¯å•ã‚ãªã„ã€‚ ã«ã‚‚é–¢ã‚ã‚‰ãšï¼Œå…¥é–€æ›¸ã‚’è²·ã£ãŸã¾ã¾ï¼Œé€”ä¸ã§æŒ«æŠ˜ã™ã‚‹äººãŒå¤šã„ã€‚ æŒ«æŠ˜ã®åŽŸå› ã¯ï¼Œãƒ‘ã‚¿ãƒ¼ãƒ³ã®æ•°ãŒ23ã‚‚ã‚ã£ã¦ï¼Œå¤šã„ã‹ã‚‰ã ã‚ã†ã€‚ å…¨ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ã™ã‚“ãªã‚Šè¦šãˆã¦ã‚‚ã‚‰ã†ãŸã‚ã«ã¯ï¼Œå„ãƒ‘ã‚¿ãƒ¼ãƒ³ã”ã¨ã« ã€Œè¦ã™ã‚‹ã«ã“ã†ã„ã†ç›®çš„ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ãªã‚“ã ã€‚ã€ ã€Œ10æ–‡å—ã§è¡¨ç¾ã™ã‚‹ã¨ï¼Œãƒ‘ã‚¿ãƒ¼ãƒ³ã®æ„å‘³ã¯ã“ã†ãªã‚“ã ã€‚ã€ ã¨ã„ã†è¦ç‚¹ãƒ»æœ¬è³ªã‚’ï¼ŒçŸã„ã‚³ãƒ¡ãƒ³ãƒˆã§ä¼ãˆã‚Œã°åŠ©ã‘ã«ãªã‚‹ã ã‚ã†ã€‚ ã“ã†ã„ã£ãŸå¦ç¿’ã‚’é€šã—ã¦ï¼ŒJavaè¨€èªžã®ã€Œè¨è¨ˆæ€æƒ³ã€ã‚‚ä½µã›ã¦æ„Ÿã˜å–ã£ã¦ã‚†ã‘ã‚‹ã¯ãšã€‚ å…¨ãƒ‘ã‚¿ãƒ¼ãƒ³ã®ä¸€è¦§è¡¨ï¼ˆè¦ç´„ã‚³ãƒ¡ãƒ³ãƒˆä»˜ãï¼‰ å…¨ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã¤ã„ã¦ï¼Œ10æ–‡å—ä»¥å†…
SyamoRokku 2017/07/12
*webãƒ‡ã‚¶ã‚¤ãƒ³

ã¾ã¨ã‚

javascript
ãƒªãƒ³ã‚¯
ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã€ãƒœã‚¿ãƒ³ç”»åƒã®ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã‚¤ãƒ™ãƒ³ãƒˆ 10+ - NxWorld
ç”»åƒã®ã‚ªãƒ³ã‚ªãƒ•åˆ‡ã‚Šæ›¿ãˆã¨ã„ã£ãŸã‚ˆã†ãªãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã‚¤ãƒ™ãƒ³ãƒˆã§ã€ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚‚ã®ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ CSS3ã‚„jQueryã‚’ä½¿ã£ã¦ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸå‹•ãã‚’å–ã‚Šå…¥ã‚Œã‚‹ã‚µã‚¤ãƒˆã‚‚è¦‹ã‹ã‘ã‚‹ã“ã¨ã‚‚å¤šããªã‚Šã¾ã—ãŸãŒã€ä»Šå›žã¯æ™®æ®µã‚‚ä½¿ç”¨é »åº¦ãŒé«˜ã„ã¨æ€ã†å®šç•ªã®ã‚‚ã®ã«çµžã‚Šã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ã§ä½¿ç”¨ã™ã‚‹ç”»åƒã¨DEMOã«ã¤ã„ã¦ å„ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã®å‹•ãã‚’å®Ÿè£…ã™ã‚‹ã«ã‚ãŸã£ã¦ä¸Šã®ã‚ˆã†ãª3ã‚¿ã‚¤ãƒ—ã®ãƒœã‚¿ãƒ³ç”»åƒã‚’ç”¨ã„ã¦ãŠã‚Šã€å„ãƒœã‚¿ãƒ³ã¯ãã‚Œãžã‚Œä»¥ä¸‹ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ type A å˜ä½“ã®ãƒœã‚¿ãƒ³ç”»åƒ type B ã‚ªãƒ³ã¨ã‚ªãƒ•ã‚’1æžšã®ç”»åƒã«ã—ãŸã€ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆåž‹ type C ã‚ªãƒ³ã¨ã‚ªãƒ•ã‚’ãã‚Œãžã‚Œåˆ¥ã®ç”»åƒã«ã—ã€ã‚ªãƒ•æ™‚ã®ã‚‚ã®ã¯_offã€ã‚ªãƒ³æ™‚ã®ã‚‚ã®ã¯_onã‚’æ‹¡å¼µåå‰ã«å…¥ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã‚µãƒ³ãƒ—ãƒ«ã‚‚ç”¨æ„ã—ãŸã®ã§å®Ÿéš›ã®å‹•ãã¯ã“ã¡ã‚‰ã§ç¢ºèªã—ã¦ä¸‹ã•ã„ã€‚ CSSï¼šãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼æ™‚ã«é€éŽã•ã›ã‚‹ CSSã®opacityï¼ˆIEã¯filterï¼‰ã®
SyamoRokku 2016/02/04
*webåˆ¶ä½œ

javascript

jQuery

ãƒœã‚¿ãƒ³
ãƒªãƒ³ã‚¯
[JS]ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ä½¿ã„ã‚„ã™ã„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’æŽ¢ã—ã¦ã„ã‚‹äººã«ã‚ªã‚¹ã‚¹ãƒ¡ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -wallop
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ä»–ã«ã‚‚ã€slide, fade, rotateãªã©ãŒåˆ©ç”¨ã§ãã¾ã™ã€‚ wallopã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> <link rel="stylesheet" href="path/to/wallop.css"> </head> <body> ... ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ ... <script src="path/to/Wallop.min.js"></script> </body> ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆscale, foldãªã©ï¼‰ã‚’åˆ©ç”¨ã™ã‚‹æ™‚ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç”¨ã®CSSã‚’åŠ ãˆã¾ã™ã€‚ <head> <link rel="stylesheet" href="path/to/wallop.css"> <link rel="stylesheet" href="path/to/wallop-animation.c
SyamoRokku 2015/09/01
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

*webåˆ¶ä½œ

javascript
ãƒªãƒ³ã‚¯
appgiga.jp
Click here to enter
SyamoRokku 2015/07/31
Webã‚µãƒ¼ãƒ“ã‚¹

ãƒ„ãƒ¼ãƒ«

ä¾¿åˆ©

javascript
ãƒªãƒ³ã‚¯
[JS]ã¡ã‚‡ã£ã¨ã‹ã£ã“ã„ã„å††ã‚°ãƒ©ãƒ•ã‚’ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«ç°¡å˜ã«è¨ç½®ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -EASY PIE CHART
ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã§ã€ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®å††ã‚°ãƒ©ãƒ•ãŒç°¡å˜ã«ä½œæˆã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ EASY PIE CHART [ad#ad-2] EASY PIE CHARTã®ä½¿ã„æ–¹ å®Ÿè£…ã¯ã€3ã‚¹ãƒ†ãƒƒãƒ—ã§ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¯headå†…ã«è¨˜è¿°ã—ã¦ãã ã•ã„ã€‚ <script type="text/javascript" src="https://ajax.google apis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="/path/to/jquery.easy-pie-chart.js"></script> <link rel="styl
SyamoRokku 2014/06/10
*webãƒ‡ã‚¶ã‚¤ãƒ³

*webåˆ¶ä½œ

jQuery

javascript

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

ã‚°ãƒ©ãƒ•
ãƒªãƒ³ã‚¯
[JS]ç°¡å˜ã«è¨ç½®ã§ãã‚‹ãƒšãƒ¼ã‚¸å†…ã‚’ã‚¹ãƒ ãƒ¼ã‚ºã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Page Scroller ver.3 | ã‚³ãƒªã‚¹
ä»¥å‰ã€ç´¹ä»‹ã—ãŸã€ŒPage Scrollerã€ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ç‰ˆã€ŒPage Scroller ver.3ã€ã®ç´¹ä»‹ã§ã™ã€‚ è¿½è¨˜ï¼š 2013å¹´10æœˆ26æ—¥ ver.3.0.9ã‚’ãƒªãƒªãƒ¼ã‚¹ jQueryã®æ—§ç‰ˆã«ã‚ˆã‚‹XSSã«å¯¾å¿œã—ã¾ã—ãŸã€‚ 2011å¹´5æœˆ4æ—¥ ãƒ‡ãƒ¢ãŠã‚ˆã³ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’jQuery1.6ã«å¤‰æ›´ã—ã¾ã—ãŸã€‚ 2011å¹´1æœˆ31æ—¥ ver.3.0.8ã‚’ãƒªãƒªãƒ¼ã‚¹ æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ 2010å¹´11æœˆ19æ—¥ ver.3.0.7ã‚’ãƒªãƒªãƒ¼ã‚¹ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¤‰æ›´ã—ã¾ã—ãŸã€‚ 2010å¹´11æœˆ17æ—¥ ãƒ‡ãƒ¢ãŠã‚ˆã³ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’jQuery1.4.4ã«å¤‰æ›´ã—ã¾ã—ãŸã€‚ 2010å¹´9æœˆ19æ—¥ ãƒ‡ãƒ¢ãŠã‚ˆã³ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’jQuery1.4.2ã«å¤‰æ›´ã—ã¾ã—ãŸã€‚ 2009å¹´7æœˆ6æ—¥ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆIE8, Fx2.5, Chrome2ï¼‰ã‚’æ›´æ–°ã—ã¾ã—ãŸã€‚ 2009å¹´2æœˆ23æ—¥ ver.3.0.6ã‚’ãƒª
SyamoRokku 2014/03/22
*webåˆ¶ä½œ

jQuery

javascript
ãƒªãƒ³ã‚¯
çŸ¥ã£ã¦ã¦å½“ç„¶ï¼Ÿåˆç´šè€…ã®ãŸã‚ã®JavaScriptã§ä½¿ã†å³æ™‚é–¢æ•°(function(){...})()ã®å…¨ã¦
(function(){...})()ã¯ã€ (function($){ $.hoge = function() { }; })(jQuery) ã¿ãŸã„ã«ä½¿ã‚ã‚Œã¦ã„ãŸã‚Šã™ã‚‹ã‚³ãƒ¼ãƒ‰ã€‚Greasemonkeyã¨ã‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã‹ã€ã‚ã‚Œã“ã‚Œè¦‹ã‹ã‘ã‚‹ã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã®è©±é¡Œã¯ã„ãã¤ã‹Webã§ã‚‚å–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã„ã¾ã™ãŒä½•ãŒã©ã†ãªã£ã¦ã‚“ã®ã‹ã¡ã‚‡ã£ã¨é›£ã—ã„ã§ã™ãã€‚ã—ã‹ã—ã€èª°ã§ã‚‚ç†è§£ã§ãã‚‹ãƒ¬ãƒ™ãƒ«ã§ã¯ã‚ã‚Šã¾ã™ã€‚ã¨ã„ã†ã®ã‚‚ã€ã“ã†ã„ã†ç¨®ã®é›£ã—ã•ã¯ä½“ç³»çš„ãªçŸ¥è˜ãŒå‚™ã‚ã£ã¦ã„ã‚‹ã‹å¦ã‹ã¨ã„ã†ã“ã¨ãªã®ã§ã™ã€‚ ã§ã‚‚ã€ã“ã®çŸ¥è˜ã‚’ä½“ç³»åŒ–ã™ã‚‹ä½œæ¥ã£ã¦çµæ§‹ã—ã‚“ã©ãã¦ã€é›£ã—ãã¦ã€ã¾ãƒ¼ãƒã‚²ã‚‹ã»ã©æ‚©ã‚€ã“ã¨ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€‚ãã‚Œã¯ãã£ã¨ã€ã¨ã¦ã‚‚æ¯›æ ¹ã«æ‚ªã„ã‹ã‚‚ã—ã‚Œãªã„ã€‚ã‚¹ã‚«ãƒ«ãƒ—Dã‚‚çœŸã£é’ã®çŠ¶æ³ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€‚ãã‚Œã¯ã€æ‚²ã—ã„ã“ã¨ãªã®ã ã¨æ€ã†ãƒ»ãƒ»ãƒ»ã£ï¼ æ¯›æ ¹ã«ã¯ã“ã‚Œã‹ã‚‰ã‚‚ãŒã‚“ã°ã£ã¦ã»ã—ã„ï¼ã„ã¤ã ã£ã¦é ã‚’æ¸©ã‹ã„ã¾ãªã–ã—ã§è¦‹å®ˆ
SyamoRokku 2014/01/17
javascript

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
è¦‹ãŸç›®ã‚’ç¶ºéº—ã«æ•´åˆ—ã™ã‚‹ï¼ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹JS3é¸ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ãŠç–²ã‚Œæ§˜ã§ã™ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒ¢ãƒ¢ã‚³ã§ã™ã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã«ã„ã–æœ¬ç•ªã®æ–‡è¨€ã‚’å…¥ã‚ŒãŸã‚‰ã€äºˆæƒ³ä»¥ä¸Šã«é•·ã•ãŒãƒãƒ©ãƒãƒ©ã§è¦‹ãŸç›®ãŒæƒã‚ãªã„â€¦ï¼ãªã‚“ã¦ã“ã¨ã€ã‚ã‚Šã¾ã™ã‚ˆãã€‚ä»Šå›žã¯ãã‚“ãªæ™‚ã«æ´»èºã—ã¦ãã‚Œã‚‹ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹jsã‚’3ã¤ã”ç´¹ä»‹ã—ã¾ã™ã€‚ heightLine.js é…å¸ƒãƒšãƒ¼ã‚¸ <script type="text/javascript" src="heightLine.js"></script> classåã®ã¤ã‘æ–¹ã«ã‚ˆã£ã¦é«˜ã•ã‚’æƒãˆã‚‹è¦ç´ ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã§ãã‚‹Javascriptã§ã™ã€‚ åè¦ç´ ã®é«˜ã•ã‚’çµ±ä¸€ã§ãã‚‹ã€ŒheightLineParentã€ãŒä¾¿åˆ©ã§è‰¯ããŠä¸–è©±ã«ãªã£ã¦ã„ã¾ã—ãŸã€‚ jQueryAutoHeight.js é…å¸ƒãƒšãƒ¼ã‚¸â€»ã“ã®ãƒšãƒ¼ã‚¸ã¯ç¾åœ¨å‰Šé™¤ã•ã‚Œã¦ã„ã¾ã™ã€‚ <script type="text/javascript" src="jquery.js"></script> <s
SyamoRokku 2013/10/25
jQuery

javascript

*webåˆ¶ä½œ

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

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ãƒœãƒƒã‚¯ã‚¹
ãƒªãƒ³ã‚¯
ã‚ãªãŸã®ãƒ–ãƒ©ã‚¦ã‚¶ã§JavaScriptã‚’æœ‰åŠ¹ã«ã™ã‚‹æ–¹æ³•ã¨ãã®ç†ç”±
ã‚‚ã—ã‚ãªãŸãŒWebé–‹ç™ºè€…ãªã‚‰ã€<span>ã©ã†ã‚„ã£ã¦<code><noscript></code>ã®ã‚³ãƒ¼ãƒ‰ã‚’Webãƒšãƒ¼ã‚¸ã«å°Žå…¥ã™ã‚‹ã‹ã®<a href="#developer" id="devinfo">èª¬æ˜Žã‚’å‚ç…§ã—ã¦ãã ã•ã„</a>ã€‚</span> Google Chrome Webãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰"Customize and control Google Chrome"ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã€"Settings"ã‚’é¸æŠžã—ã¦ä¸‹ã•ã„ã€‚ "Settings"ã¨ã„ã†ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«ã‚ã‚‹"Show advanced settings..."ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚ "Privacy"å†…ã®"Content settings..."ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚ ãƒ€ã‚¤ã‚¢ãƒã‚°ãƒ»ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ãŒé–‹ã„ãŸãªã‚‰"JavaScript"ã¨ã„ã†ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚’æŽ¢ã—ã€"Allow all sites to run JavaScript
SyamoRokku 2013/07/26
javascript

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
æ±Žç”¨æ€§ã®é«˜ãã†ãªjQueryã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ»Fotorama - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…å®¹ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ã‚ˆã•æ°—ã ã£ãŸã®ã§å‚™å¿˜éŒ²ã€‚jQueryã§ä½œã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã™ã€‚ç”»åƒã‚„å‹•ç”»ã«ã‚‚å¯¾å¿œã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚å¯¾å¿œã—ã¦ãŠã‚Šã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§æ¸ˆã¿ã¾ã™ã€‚ ãªã‹ãªã‹ã„ã„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã—ãŸã€‚ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã«ã‚‚å¯¾å¿œã—ã¦ã„ã‚‹ã®ã§ã‚¹ãƒžãƒ•ã‚©ã§ã‚‚ä½¿ãˆã¾ã™ãã€‚ è¦‹ãŸç›®ã¯ã‚ˆãã‚ã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã™ãŒã€æ±Žç”¨æ€§ã¯é«˜ã„å°è±¡ã§ã™ã€‚ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã€ãƒãƒƒã‚·ãƒ¥ã‚¿ã‚°å¯¾å¿œã€å‹•ç”»ã‚‚å¯èƒ½ã€ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³åŒ–ã‚‚å¯èƒ½ã§ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚‚ç”»åƒã‚’æ›¸ã‘ã°è‰¯ã„ã ã‘ã€‚ å‹•ä½œã‚µãƒ³ãƒ—ãƒ«ãŒã„ã‚ã„ã‚ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ Sample ã‚³ãƒ¼ãƒ‰ <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="fot
SyamoRokku 2013/07/22
*webãƒ‡ã‚¶ã‚¤ãƒ³

*webåˆ¶ä½œ

javascript

jQuery
ãƒªãƒ³ã‚¯
jqueryã®åŸºç¤Ž
ã‚ˆãä½¿ã†ã‚ˆã†ã«ãªã£ãŸ JavaScript ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã® jQuery ã‚’ç°¡å˜ã«ç´¹ä»‹ã€‚ jQueryã®ä½¿ã„æ–¹ ã¾ãš jQueryã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦åˆ©ç”¨ã™ã‚‹ html ã§ãƒãƒ¼ãƒ‰ã™ã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ãã—ã¦ã€CSSã‚¯ãƒ©ã‚¹ã‚„CSS ID ã«å¯¾ã—ã¦å‹•ä½œã•ã›ãŸã„å†…å®¹ï¼ˆã‚¢ã‚¯ã‚·ãƒ§ãƒ³ï¼‰ã‚’é–¢æ•°ã§å®šç¾©ã—ã¾ã™ã€‚ã©ã®ã‚ˆã†ã« jQuery ãŒå‹•ä½œã™ã‚‹ã‹ç°¡å˜ãªå›³ã‚’ä»¥ä¸‹ã«ç¤ºã—ã¾ã™ã€‚ ã“ã®ä¾‹ã§ã¯ã€"ãƒœã‚¿ãƒ³"ãƒªãƒ³ã‚¯ãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚ŒãŸã‚‰ã€éš ã‚Œã¦ã„ã‚‹"panel"ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã•ã‚Œã‚‹ã‚‚ã®ã§ã™ã€‚ å®Ÿéš›ã®å‹•ä½œä¾‹ï¼š â†“ãƒœã‚¿ãƒ³ $()é–¢æ•° jQuery ã®ã‚‚ã£ã¨ã‚‚åŸºæœ¬ã¨ãªã‚‹æ“ä½œã¯ $() é–¢æ•°ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ã™ã€‚ã“ã®é–¢æ•°ã§æ“ä½œã—ãŸã„å¯¾è±¡ã‚’é¸ã³ã€æ§˜ã€…ãªæ“ä½œã‚’è¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚$()ã®æŒ‡å®šæ–¹æ³•ã¯ã€CSSã¨XPathã©ã¡ã‚‰ã§ã‚‚åˆ©ç”¨ã§ãã¾ã™ã€‚ æŒ‡å®šå ´æ‰€ï¼ˆã‚»ãƒ¬ã‚¯ã‚¿ï¼‰ æ¦‚è¦ ä¾‹
SyamoRokku 2012/10/15
jQuery

javascript

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Best Online Casinos in Canada 2025
Play with ConfidenceLearn About Scollabo.com and our Commitment to Players If youâ€™re searching for trusted gaming experiences tailored to Canadian players, weâ€™ve highlighted platforms that consistently set industry benchmarks. Safety is paramountâ€”every site featured here is fully licensed, secure, and transparent about their operations. Players can expect prompt payout speeds, top-rated customer s
SyamoRokku 2012/10/02
javascript

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
JavaScriptã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ä¸€è¦§ï½œã‚¤ãƒ™ãƒ³ãƒˆï½œJavaScript/DOMï½œPHP & JavaScript Room
ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ä¸€è¦§ onBlurï¼onFocusã€”ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒç§»å‹•ã—ãŸæ™‚ã«å‡¦ç†ã‚’è¡Œã†ã€• onChangeã€”ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›å€¤ã€é¸æŠžãŒå¤‰æ›´ã•ã‚ŒãŸã¨ãã«å‡¦ç†ã‚’è¡Œã†ã€• onSelectï¼onSelectStartã€”ãƒ†ã‚ã‚¹ãƒˆãŒé¸æŠžã•ã‚ŒãŸæ™‚ã«å‡¦ç†ã‚’è¡Œã†ã€• onSubmitï¼onResetã€”ãƒ•ã‚©ãƒ¼ãƒ ã®é€ä¿¡æ™‚ã€ãƒªã‚»ãƒƒãƒˆæ™‚ã«å‡¦ç†ã‚’è¡Œã†ã€• onAbortï¼onErrorã€”ç”»åƒèªã¿è¾¼ã¿æ™‚ã«å‡¦ç†ã‚’è¡Œã†ã€• onLoadï¼onUnloadã€”ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿æ™‚ã€ãƒšãƒ¼ã‚¸ã®åˆ‡ã‚Šæ›¿ãˆæ™‚ã«å‡¦ç†ã‚’è¡Œã†ã€• onClickï¼onDblClickã€”ã‚¯ãƒªãƒƒã‚¯ã€ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã•ã‚ŒãŸæ™‚ã«å‡¦ç†ã‚’è¡Œã†ã€• onKeyPressï¼onKeyDownï¼onKeyUpã€”ã‚ãƒ¼ã®çŠ¶æ…‹ã«å¿œã˜ã¦å‡¦ç†ã‚’è¡Œã†ã€• onMouseOutï¼onMouseOverï¼onMouseDownï¼onMouseUpã€”ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ãŸã‚Šé›¢ã—ãŸæ™‚ã€ãƒžã‚¦ã‚¹ã§ã‚¯ãƒªãƒƒã‚¯ã—ãŸæ™‚ã«å‡¦ç†ã‚’è¡Œã†ã€•
SyamoRokku 2012/10/02
javascript

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
jQueryã®animateã§è‡ªç”±ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãã‚‹ã‚ˆã†ã«ãªã‚ã†
jQueryã®animateã§è‡ªç”±ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãã‚‹ã‚ˆã†ã«ãªã‚ã† jQueryã«ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã™ã‚‹ãŸã‚ã®æ©Ÿèƒ½ãŒã„ã‚ã„ã‚ã¨ã‚ã‚Šã¾ã™ãŒã€ã“ã“ã§ã¯ã€Œanimateã€ãƒ¡ã‚½ãƒƒãƒ‰ã®æ‰±ã„æ–¹ã‚’ã”ç´¹ä»‹ã„ãŸã—ã¾ã™ã€‚ æŠ•ç¨¿æ—¥2011å¹´12æœˆ27æ—¥ æ›´æ–°æ—¥2011å¹´12æœˆ27æ—¥ å‹•ã‹ã™å‰ã®æº–å‚™ jQueryã®å‰ã«å‹•ã‹ã™è¦ç´ ã‚’html&cssã§ä½œæˆã—ã¦ãŠãã¾ã—ã‚‡ã†ã€‚ html <div id="box"></div> css #box { width: 100px; height: 100px; background: #3399FF; } jQueryã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã¨ãã®åŸºæœ¬çš„ãªå½¢ã¯æ¬¡ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ javascript <script type="text/javascript" src="http://ajax.google apis.com/ajax/libs/jquery/1.7/jquery.m
SyamoRokku 2012/10/01
*webåˆ¶ä½œ

javascript

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

jQuery
ãƒªãƒ³ã‚¯
ç”»åƒãƒãƒƒãƒ—ã‚¢ã‚¦ãƒˆãƒ»ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãƒ»ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ï½œjQuery pluginï½œAjaxï½œPHP & JavaScript Room
Lightweight Circle slideshowã€”ãã‚‹ãã‚‹å›žã—ã¦ç”»åƒã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹å††å½¢ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€• Smooth Div Scrollã€”æ°´å¹³æ–¹å‘ã«ä¸¦ã¹ãŸç”»åƒã‚’ãƒžã‚¦ã‚¹æ“ä½œã§ã™ã‚‹ã™ã‚‹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€• Nivo Sliderã€”9ç¨®é¡žã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‘ã‚‰ã‚Œã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€• Gallerifficã€”ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ãƒªãƒƒãƒã‹ã¤é«˜é€Ÿã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã€• IMGPREVIEWã€”ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ãƒªãƒ³ã‚¯å…ˆã®ç”»åƒã‚’ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼è¡¨ç¤ºã€• jQuery largePhotoBox pluginã€”å¤§ããªç”»åƒå¯¾å¿œãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ï¼ˆãƒžã‚¦ã‚¹ç§»å‹•ã§ç”»åƒå…¨ä½“ã‚’é–²è¦§å¯èƒ½ï¼‰ã€• PIROBOXã€”ã‚·ãƒ³ãƒ—ãƒ«ã‹ã£ã“ã„ã„ç”»åƒãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã€• bxGalleryã€”ã‚·ãƒ³ãƒ—ãƒ«ãªç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€• A Simple jQuery Slideshowã€”ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€• Accessible News Sliderã€”å…¨ä»¶è¡¨ç¤ºã‚„ä»¶æ•°ã«å¿œã˜ã¦å‰
SyamoRokku 2012/09/25
*ã‚ã¨ã§èªã‚€

*webåˆ¶ä½œ

CSS

javascript

jQuery
ãƒªãƒ³ã‚¯
RedLine Magazine : ãƒœãƒƒã‚¯ã‚¹å…¨ä½“ã‚’ãƒªãƒ³ã‚¯ã«ã—ãŸã„
ãƒœãƒƒã‚¯ã‚¹å…¨ä½“ã‚’ãƒªãƒ³ã‚¯ã«ã—ãŸã„ ã¾ãšã¯ã“ã¡ã‚‰ã®ç™ºæƒ³ã®å…ƒãƒã‚¿ã®ã‚µã‚¤ãƒˆã®ç´¹ä»‹ã€‚ Link Boxes (Ask the CSS Guy) ã‚„ã‚ŠãŸã„ã“ã¨ã¯ä¸Šè¨˜ãƒšãƒ¼ã‚¸ã®ä¸Šéƒ¨ã®ç”»åƒã®ã‚ˆã†ã«ã€è¦‹å‡ºã—ã‚„ãƒ†ã‚ã‚¹ãƒˆã‚’ç½®ã„ã¦ã„ã‚‹éƒ¨åˆ†ã‚’ãƒªãƒ³ã‚¯ãƒœãƒƒã‚¯ã‚¹åŒ–ã—ãŸã„ã¨ã„ã†ä¸»æ—¨ã€‚ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚„æ£ã—ã„æ›¸å¼ã«ã“ã ã‚ã‚‰ãªã„ãªã‚‰ç°¡å˜ã«ã§ãã‚‹ã®ã ãŒã€ã¡ã‚ƒã‚“ã¨ã—ãŸäº‹ã‚’ã—ãŸã„äººå‘ã‘ã®Tipsã€‚ â€»ä»¥ä¸‹ã®ã‚½ãƒ¼ã‚¹ã¯ä¸Šè¨˜ã‚µã‚¤ãƒˆã‹ã‚‰ã®å¼•ç”¨ã§ã™ã€‚ ä¸Šè¨˜ã‚µã‚¤ãƒˆã®è¨€ã„ãŸã„äº‹ã‚’ç°¡å˜ãªæ—¥æœ¬èªžã«ã—ã¦ä¸»æ—¨ã ã‘æ›¸ãã¾ã™ã€‚ â€»è¨³ã¨ã‹ã¾ã¨ã‚è¦ã‚‰ãªã„ã¨ã„ã†æ–¹ã¯ãã®å…ˆã«ã€Œãã‚Œã€jQueryã§ã‚„ã£ã¦ã¿ã‚‹ã€ã¨ã‹æ›¸ã„ã¦ã¿ãŸã®ã§è‰¯ã‹ã£ãŸã‚‰ãã¡ã‚‰ã¸é€²ã‚“ã§ãã ã•ã„ã€‚ ã¾ãšä¸èº«ã¯ã“ã‚“ãªæ„Ÿã˜ã€‚è¦‹å‡ºã—ã¨ãƒ†ã‚ã‚¹ãƒˆã€‚ <h2>About Us</h2> <p>How my life story became a Hallmark movie.</p> ã“ã‚Œã‚‰ã‚’ãƒœãƒƒã‚¯ã‚¹ã«ã—ã¦ãƒªãƒ³ã‚¯ã‚’ä»˜ã‘ãŸã‘
SyamoRokku 2012/09/05
HTMLãƒ»CSS

javascript

jQuery

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

*webåˆ¶ä½œ

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
iScroll 4 â€“ Matteo Spinelli's Cubiq.org
iScroll finally received a complete rewrite. Now itâ€™s smoother than ever and adds some new important features: pinch/zoom, pull down to refresh, snap to elements and more custom events for a higher level of hackability. Download Screencast Live Demo GitHub Forum Project info Last code update: 2012.07.14 â€“ v4.2 Device compatibility: iPhone/Ipod touch >=3.1.1, iPad >=3.2, Android >=1.6, Desktop Webk
SyamoRokku 2012/08/16
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

javascript

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
iPhone / iPadãªã©ã§position: fixedãŒåˆ©ç”¨ã§ãã‚‹ã€ŒiScrollã€
é…å¸ƒå…ƒï¼šiScroll ãƒ©ã‚¤ã‚»ãƒ³ã‚¹:MIT-License iPhone / iPadã€Androidãªã©ã«æè¼‰ã•ã‚Œã¦ã„ã‚‹mobile WebKitã§ã¯CSSã®position: fixedãŒåˆ©ç”¨ã§ãã¾ã›ã‚“ãŒã€iScrollã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ã“ã‚Œã‚‰ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’åˆ©ç”¨ã—ãŸã‚ˆã†ã«ãƒ˜ãƒƒãƒ€ãƒ¼ã‚„ãƒ•ãƒƒã‚¿ãƒ¼ã®å›ºå®šãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ åˆ©ç”¨æ–¹æ³• ã¾ãšã¯ã€headè¦ç´ å†…ãªã©ã§é…å¸ƒã‚µã‚¤ãƒˆã‚ˆã‚Šãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªæœ¬ä½“ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <script src="iscroll.js"></script> HTMLã§ã¯æ¬¡ã®ã‚ˆã†ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„éƒ¨åˆ†ã‚’wrapperã¨scrollerã¨ã„ã†idã‚’ã¤ã‘ãŸdivè¦ç´ ã§åŒ…ã‚“ã§ãŠãã¾ã™ã€‚ <body> <header id="header">ãƒ˜ãƒƒãƒ€ãƒ¼éƒ¨åˆ†</header> <div id="wrapper"> <div id="scroller"> ã‚³ãƒ³ãƒ†ãƒ³ãƒ„éƒ¨åˆ† </div>
SyamoRokku 2012/08/16
*webåˆ¶ä½œ

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

javascript
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸