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

hidorin id:hidorin

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

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

2014å¹´ç·ã¾ã¨ã‚ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆ100é¸
æ¯Žå¹´æœ«ã«jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã¾ã¨ã‚ã¦ã„ã¾ã—ãŸãŒã€ä»Šå¹´ã¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä»–ã«å˜ä½“ã§å‹•ä½œã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚‚åŠ ãˆã¦ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ç·ã¾ã¨ã‚ã¨ã—ã¦è¨˜äº‹ã«ã—ã¾ã—ãŸã€‚ ä»Šå¹´ç›®ç«‹ã£ãŸã®ã¯ã€åŽ»å¹´ã‹ã‚‰å¼•ãç¶šãã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç³»ã€ç¸¦é•·ãƒšãƒ¼ã‚¸ç”¨ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã—ã‚‡ã†ã‹ã€‚ 1ã‚«ãƒ©ãƒ ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒæµè¡Œã£ã¦ã„ã‚‹ãŸã‚ã‹èƒŒæ™¯é–¢é€£ã‚‚å……å®Ÿã—ã¦ã„ã¾ã—ãŸã€‚ãã‚Œã¨SVGã‚’ã‚ˆã‚Šç°¡å˜ã«åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã‚‚å¤§ããªç›®çŽ‰ã§ã™ãã€‚ ã¾ãŸã€jQueryã«ä¾å˜ã—ãªã„ã€å˜ä½“ã§å‹•ä½œã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚‚å¤šãé–‹ç™ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã¨æ€ã„ã¾ã™ã€‚ èƒŒæ™¯é–¢é€£ SVGé–¢é€£ ç¸¦é•·ãƒšãƒ¼ã‚¸é–¢é€£ ã‚¹ã‚¯ãƒãƒ¼ãƒ«é€£å‹•ãƒ»ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹é–¢é€£ ãã®ä»–ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ“ä½œãƒ»è£œåŠ©é–¢é€£ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–é–¢é€£ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆé–¢é€£ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç”Ÿæˆé–¢é€£ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç´¹ä»‹ãƒ»ãƒ„ã‚¢ãƒ¼é–¢é€£ ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ»ã‚«ãƒ«ãƒ¼ã‚»ãƒ«é–¢é€£ ç”»åƒæ‹¡å¤§ãƒ»é…ç½®ãƒ»ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³é–¢é€£ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ ã‚¨ãƒ•ã‚§
hidorin 2014/12/05
jQuery

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

javascript

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
ã€â˜…â˜…â˜… - ï½Šï¼±ï½•ï½•ï½…ï½’ï½™ã€‘ - ã‚¯ãƒªãƒƒã‚¯ã§é–‹ãã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ã‚‚ä½¿ãˆã‚‹ã€ã‚¯ãƒªãƒƒã‚¯ã§é–‹ãã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼jQuery ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ã€é™ã‚‰ã‚ŒãŸã‚¹ãƒšãƒ¼ã‚¹ã§è¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¨ç½®ã§ãã‚‹ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ¼ãƒ‰ã§å‹•ä½œã—ã¾ã™ã®ã§ã€å®Ÿè£…ã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã‹ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸Â DEMO èª¬æ˜Ž ä»Šå›žã¯2ç¨®é¡žã®ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 1ã¤ã¯ã€Œulã€ã§çµ„ã‚€ãƒªã‚¹ãƒˆã€ã‚‚ã†1ã¤ã¯ã€Œdlã€ã§çµ„ã‚€ãƒªã‚¹ãƒˆã§ã™ã€‚ ãªãŠã€ã€Œulã€ãƒªã‚¹ãƒˆã¯è¤‡æ•°é–‹ãã“ã¨ãŒã§ãã€ã€Œdlã€ãƒªã‚¹ãƒˆã¯åˆ¥ã®ã‚¿ãƒ–ãŒé–‰ã¾ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã®ã§ä½¿ã„åˆ†ã‘ã¦è¦‹ã¦ä¸‹ã•ã„ã€‚ JS $(function(){ $(".accordion p").click(function(){ $(this).next("ul").slideToggle(); $(this).children("span").toggleClass("open"); }); $(".accordion dt"
hidorin 2013/12/16
ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³

javascript

css3

jQuery

*Webåˆ¶ä½œ

js

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

ã‚¹ãƒžãƒ›
ãƒªãƒ³ã‚¯
document.write()ï¼JavaScriptãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
writeãƒ¡ã‚½ãƒƒãƒ‰ã¯ã€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«æ–‡å—åˆ—ã‚’æ›¸ãå‡ºã—ã¾ã™ã€‚ ã‚¿ã‚°ã‚’æ›¸ãå‡ºã™ã“ã¨ã‚‚ã§ãã‚‹ã®ã§ã€ä¾‹ãˆã°<IMG>ã‚¿ã‚°ã‚’æ›¸ãå‡ºã—ã¦ãƒšãƒ¼ã‚¸ä¸Šã«ç”»åƒã‚’è¡¨ç¤ºã•ã›ãŸã‚Šã™ã‚‹ã“ã¨å¯èƒ½ã§ã™ã€‚ å°šã€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®å‡ºåŠ›ã‚’é–‹å§‹ã—ãŸã‚ã¨ã€ document.close() ã§æ˜Žç¤ºçš„ã«ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®å‡ºåŠ›ã‚’çµ‚äº†ã—ãªã„ã¨ã€æ›¸ãå‡ºã—ãŸæ–‡å—åˆ—ãŒè¡¨ç¤ºã•ã‚Œãªã„ã“ã¨ãŒã‚ã‚‹ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„ã€‚ â– ä½¿ç”¨ä¾‹ HTML + JavaScriptã‚½ãƒ¼ã‚¹ <html> <head> </head> <body> <script> document.open(); document.write("æ–‡å—åˆ—ã‚’æ›¸ãå‡ºã—ã¾ã™ã€‚"); document.write("<img src='../images/img002.gif'>"); document.close(); </script> </body> </html>
hidorin 2012/02/08
document.write

javascript

*webåˆ¶ä½œ

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

JavaScript

ãƒ©ãƒ³ãƒ€ãƒ ç”»åƒãƒªãƒ³ã‚¯

ãŠå½¹ç«‹ã¡

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
ãƒ„ãƒªãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ - JavaScript
ã‚µãƒ³ãƒ—ãƒ«ã¨æ©Ÿèƒ½ â†’ Sample 1ï¼šãƒ„ãƒªãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ â†’ Sample 2ï¼šéšŽå±¤ä»˜ããƒ„ãƒªãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ æ–‡å—ã‚’ã‚¯ãƒªãƒƒã‚¯ã•ã‚Œã‚‹ã¨ã€ãã®ä¸‹ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¡¨ç¤ºã—ã¾ã™ã€‚ éšŽå±¤ã¯ã„ãã¤ã§ã‚‚å¢—ã‚„ã™ã“ã¨ãŒã§ãã¾ã™ã€‚ Netscape Navigatorã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚¹ã‚¯ãƒªãƒ—ãƒˆ ç·‘ã®æ–‡å—ãŒå¤‰æ›´ç®‡æ‰€ã§ã€èµ¤ã„æ–‡å—ãŒå¯¾å¿œã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ "//"ä»¥ä¸‹ã¯ã‚³ãƒ¡ãƒ³ãƒˆã§ã™ã€‚å‰Šé™¤ã—ã¦ã‚‚å½±éŸ¿ã‚ã‚Šã¾ã›ã‚“ã€‚ å¿…è¦ãªç®‡æ‰€ã‚’ã‚³ãƒ”ãƒ¼ï¼†è²¼ã‚Šä»˜ã‘ã—ã¦ç·¨é›†ã—ã¦ãã ã•ã„ã€‚ â†’ Sample 1ï¼šãƒ„ãƒªãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ <HTML> <HEAD> <TITLE></TITLE> <STYLE> a:link {text-decoration:none;} a:visited {text-decoration:none;} a:active {text-decoration:none;} a:hover
hidorin 2012/01/03
ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³

JavaScript

ãƒ„ãƒªãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼

ãƒ¡ãƒ‹ãƒ¥ãƒ¼
ãƒªãƒ³ã‚¯
1