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

nana_07 id:nana_07

javascriptã¨jQueryã«é–¢ã™ã‚‹nana_07ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

${{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ï¼ã€‘ãƒã‚¤ãƒ†ã‚£ãƒ–ãªJavaScriptï¼ˆVanilla JSï¼‰ã¸ã®æ›¸ãæ›ãˆæ–¹ã¾ã¨ã‚ | WEMO
ã€è„±jQueryï¼ã€‘ãƒã‚¤ãƒ†ã‚£ãƒ–ãªJavaScriptï¼ˆVanilla JSï¼‰ã¸ã®æ›¸ãæ›ãˆæ–¹ã¾ã¨ã‚ 2019 12/15 æœ€è¿‘ã§ã¯è„±jQueryã®æµã‚ŒãŒãã¦ã„ã‚‹ã€ã¨ã„ã†æƒ…å ±ã‚’ç›®ã«ã—ã¦ã•ã£ããè„±jQueryã—ã¦ã¿ã‚‹ã“ã¨ã«ã€‚ ...ã¨æ€ã£ãŸã®ã§ã™ãŒã€ã„ã–ã‚„ã£ã¦ã¿ã‚‹ã¨ã‹ãªã‚Šè‹¦åŠ´ã—ã¾ã—ãŸã€‚ ãªã®ã§ã€ä»Šå›žã¯ãã®å‚™å¿˜éŒ²ã¨ã—ã¦jQueryã‹ã‚‰ãƒã‚¤ãƒ†ã‚£ãƒ–JSï¼ˆVanilla JSï¼‰ã¸ã®æ›¸ãæ›ãˆæ–¹ã‚’ã¾ã¨ã‚ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ã¨ã„ã†ã‹ã€æœ¬å½“ã«è„±jQueryã—ãŸã»ã†ãŒã„ã„ã®ï¼Ÿ ã¨ã„ã†ã“ã¨ã¯ä¸€æ—¦ç½®ã„ã¦ãŠã„ã¦ã€å¥½å¥‡å¿ƒã®èµ´ãã¾ã¾ã«ã‚„ã£ã¦ã„ãã¾ã—ã‚‡ã†ã€‚ ã¡ãªã¿ã«ã€ã€ŽVanilla JSã€ã¨ã„ã†ã®ã¯ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã‹ã®åå‰ã§ã¯ãªãã€ãŸã ã®JavaScriptã®ã“ã¨ã§ã™ã€‚ â€» æ›¸ãã‹ã‘ã®éƒ¨åˆ†ã‚„ã‚‰ä¸é€”åŠç«¯ãªã‚‚ã‚ã‚Šã¾ã™ãŒã€ã”äº†æ‰¿ãã ã•ã„ã€‚
nana_07 2024/09/26
jQuery

Javascript
ãƒªãƒ³ã‚¯
javascriptã§ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆã‚’ä¸€æ‹¬ã§ç„¡åŠ¹ã«ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ ï½œ 25æ³ã§ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹28æ³ã§èµ·æ¥ã—ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ -ã˜ã‚ƒã‘ã‡- ã®ã‚ã‚Œã“ã‚Œ
ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆã¨ã¯ ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆã¨ã¯â†“ã®ã‚ˆã†ãªä»¥å‰å…¥åŠ›ã—ãŸå€¤ã‚’è¦šãˆã¦ãã‚Œã¦ã„ã‚‹æ©Ÿèƒ½ã®ã“ã¨ã§ã™ã€‚ æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã§ã¯ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã®é¢ã‚„ä½¿ã„æ˜“ã•ã®è¦³ç‚¹ã‹ã‚‰ã€ ã€Œã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆã¯OFFã«ã—ã¦æ¬²ã—ã„ã€ ã¨è¨€ã‚ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ å„PCã®è¨å®šã‹ã‚‰ä»¥ä¸‹ã®ã‚ˆã†ã«è¨å®šã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ãŒã€ãƒ¦ãƒ¼ã‚¶ã®å…¨å“¡ã«ã“ã®ä½œæ¥ã‚’ã•ã›ã‚‹ã®ã¯ãƒŠãƒ³ã‚»ãƒ³ã‚¹ã§ã™(ç¬‘) ãã“ã§ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆã®åˆ¶å¾¡ã‚’ã™ã‚‹javascriptã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ <script type="text/javascript"> $(function(){ //inputå±žæ€§ã®ã‚‚ã®ã‚’ä¸€æ‹¬ã§å–å¾—ã™ã‚‹ var inputIt em = document.getElementsByTagName("input"); //å…¨ã¦ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆã‚’OFFã«ã™ã‚‹ for (var i=0; i<inputIt em.length; i++){ inp
nana_07 2024/09/26
jQuery

Javascript
ãƒªãƒ³ã‚¯
https://jasacuantop.com/
nana_07 2019/02/06
Webãƒ‡ã‚¶ã‚¤ãƒ³

CSS

jQuery

Javascript
ãƒªãƒ³ã‚¯
[JS]æœ€è¿‘ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§è¦‹ã‹ã‘ã‚‹é¢ç™½ã„ä»•æŽ›ã‘ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã¾ã¨ã‚
fullPage.js ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚„ä¼æ¥ã®ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚‚ã‚ˆãè¦‹ã‹ã‘ã‚‹1ãƒšãƒ¼ã‚¸ã§æ§‹æˆã•ã‚ŒãŸã‚µã‚¤ãƒˆã§ã€ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®åž‚ç›´ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€ãã—ã¦æ°´å¹³ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã«ã‚‚å¯¾å¿œã—ãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãŸã‚ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ ã“ã†ã„ã†ä½œã‚Šã¯ç‰¹ã«ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§æ“ä½œãŒã—ã‚„ã™ã„ã§ã™ãã€‚ FancyScroll.js ã‚¹ãƒžãƒ•ã‚©ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã®ã‚ˆã†ã«ãƒšãƒ¼ã‚¸ã®çµ‚ã‚ã‚Šã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸéš›ã«ãƒã‚¦ãƒ³ãƒ‰ã™ã‚‹ã®ã‚’ã¯ã˜ã‚ã€ã¡ã‚‡ã£ã¨é¢ç™½ã„ã•ã¾ã–ã¾ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ä¸Žãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚
nana_07 2013/10/02
å¾Œã§

JavaScript

jquery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼· â€“ #8 jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦è©³ã—ã | DevelopersIO
åƒ•ã¯äººã®åå‰ã‚’è¦šãˆã‚‹ã®ãŒè‹¦æ‰‹ã§ã™ã€‚ãã‚Œã¯ã•ã¦ãŠãã€jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä½œæˆæ–¹æ³•ã«ã¤ã„ã¦é »ç¹ã«å¿˜ã‚Œã‚‹ã®ã§ã€æ‰‹é †ã‚’ã“ã“ã«ã¾ã¨ã‚ã¦ãŠãã“ã¨ã«ã—ã¾ã™ã€‚ã‚³ãƒ¬ã•ãˆèªã‚ã°æ€¥ã«ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å¤§é‡ã«ä½œã‚Œã¨ã„ã£ãŸç„¡èŒ¶ã¶ã‚Šã‚’ã•ã‚Œã¦ã‚‚å¤§ä¸ˆå¤«ã€‚ å¤šã„æ—¥ã‚‚å®‰å¿ƒâ™ªï¼ˆã‚Ï‰ãƒ»ï¼‰vï½·ï½¬ï¾‹ï¾Ÿ ã¯ã˜ã‚ã« - jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®æ§‹æˆ ç´°ã‹ã„å·®ã¯ã‚ã‚Œã©ã€åŸºæœ¬çš„ã«jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ§‹æˆã§æˆã‚Šç«‹ã£ã¦ã„ã¾ã™ã€‚ // åŒ¿åé–¢æ•°ã§å…¨ä½“ã‚’ãƒ©ãƒƒãƒ— - (5) (function($) { // ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®åå‰ - (1) $.fn.name_space = function() { //è¦ç´ ã‚’é€€é¿ - (2) var elements = this; // è¦ç´ ã‚’ã²ã¨ã¤ãšã¤å‡¦ç† - (3) elements.each(function() { // å…·ä½“çš„ãªå‡¦ç†ã‚’ã“ã“ã«è¨˜è¿° }); // method chain
nana_07 2012/11/01
jQuery

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

javascript
ãƒªãƒ³ã‚¯
Loading...
nana_07 2012/07/31
javascript

jQuery

ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
ãƒªãƒ³ã‚¯
IE6ã€7ã§ã‚‚å‹•ã„ã¦ãã‚Œã‚‹&å®Ÿç”¨æ€§ã®é«˜ãã†ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³30å€‹ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ä½¿ã„ã‚„ã™ãã†ãªjqueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚æœ€ä½Žã§ã‚‚IE6,7ã§ã‚‚ å‹•ã„ã¦ãã‚Œã‚‹äº‹ã‚’å‰æã«ã—ã¦ã„ã¾ã™ã€‚ ä»–ã‚µã‚¤ãƒˆã§ã‚ˆãè¦‹ã‹ã‘ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã€ å€‹äººçš„ã«å®Ÿç”¨æ€§ã®ã‚ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ æ€ã£ãŸã‚‚ã®ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ IE6ã€7ã§ã‚‚å‹•ã„ã¦ãã‚Œã¦ã€å®Ÿç”¨æ€§ã®ã‚ã‚‹jQueryã„ã‚ã„ã‚ã€‚ç¢ºèªã—ãŸãƒ–ãƒ©ã‚¦ã‚¶ã¯IE6,7ã¨Chromeã§ã™ã€‚ä»–ã¯å¤§æŠµå‹•ãã‚“ã˜ã‚ƒãªã„ã‹ãªï¼ˆé©å½“ï¼‰ã€‚ ãƒ‡ãƒ¢ã§ç”»åƒãŒé€éŽã•ã‚Œã¦ã„ãªã„ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»–ã®jsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§IE6ã§ã‚‚é€éŽå¯èƒ½ï¼ˆDD_belatedPNG.jsã¨ã‹ï¼‰ãªã®ã§ãã“ã¯æŠœãã«ã—ã¦å‹•ä½œã™ã‚‹äº‹ã‚’æ¡ä»¶ã«æŒ™ã’ã¦ã„ã¾ã™ã€‚ä¸»è¦³å…¥ã£ã¦ã‚‹ã®ã§å‚è€ƒç¨‹åº¦ã«ãƒ»ãƒ» Horizontal Subnav ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ã™ã‚‹cssãƒ¡ãƒ‹ãƒ¥ãƒ¼ã§ã™ã€‚ã‚µãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯æ¨ªã«åºƒãŒã£ã¦ãã‚Œã¾ã™ã€‚ Horizontal Subnav Simple jQuery tabs ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚¿ãƒ–ã§åˆ‡
nana_07 2012/04/07
JavaScript

jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Wookmark
é«˜ã•ã®ç•°ãªã‚‹è¦ç´ ã‚’ã‚°ãƒªãƒƒãƒ‰ã«æ²¿ã£ã¦ã€ãƒ¬ãƒ³ã‚¬çŠ¶ã«éš™é–“ãªãä¸¦ã¹ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ åŒç¨®ã®æœ‰åã‚¹ã‚¯ãƒªãƒ—ãƒˆã€ŒMasonryã€ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ã¦ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¤‰æ›´ã—ã¾ã™ãŒã€ã“ã®Wookmarkã¯ã‚·ãƒ³ãƒ—ãƒ«ã«ä¸¦ã¹ãªãŠã™ã ã‘ã§ã™ã€‚ ãƒ‡ãƒ¢:å¹…800pxã§è¡¨ç¤º [ad#ad-2] Wookmarkã®ä½¿ã„æ–¹ å®Ÿè£…ã¯ã„ãŸã£ã¦ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="//ajax.google apis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.wookmark.js"></script> HTML ãƒ‡ãƒ¢ã‚’ä¾‹ã«HTMLã¯ãƒªã‚¹ãƒˆè¦ç´ ãªã©ã€ä¸¦åˆ—ã«é…ç½®ã—ã¾
nana_07 2012/03/28
JavaScript

jQuery

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

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
ã€ŒWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã® jQueryå…¥é–€ã€ã¨ã„ã†æœ¬ã‚’æ›¸ãã¾ã—ãŸ
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / 2011å¹´12æœˆ7æ—¥ç™ºå£²ã§ã™ã€‚ã‚‚ã†æœ¬å±‹ã«ä¸¦ã³å§‹ã‚ãŸã¿ãŸã„ã€‚ Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã® jQueryå…¥é–€ã“ã‚Œã¯ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã‹ã€HTML+CSSã‚’æ™®æ®µæ›¸ã„ã¦ã‚‹ã‚ˆã†ãªäººã§JavaScriptã‚’ã»ã¨ã‚“ã©çŸ¥ã‚‰ãªã„ã¨ã„ã†äººãŒã‚¿ãƒ¼ã‚²ãƒƒãƒˆã§ã€ãã†ã„ã£ãŸäººã‚‰ãŒjQueryä½¿ã£ã¦ã¡ã‚‡ã£ã¨ã—ãŸã‚‚ã®ã‚’è‡ªåˆ†ã§ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã‚‰ãˆãˆã‚“ã˜ã‚ƒãªã„ã‹ã¨ã„ã†æ„Ÿã˜ã§æ›¸ã‹ã‚ŒãŸæœ¬ã§ã™ã€‚ã¡ã‚‡ã£ã¨ã—ãŸãƒ¢ãƒŽã£ã¦ã„ã†ã®ã¯ã€ã“ã®æœ¬ã§è§£èª¬ã—ã¦ã„ã‚‹ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ©Ÿèƒ½ã§ã™ã€‚ ç”»åƒã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¬ã‚¤ãƒ‰ãƒ†ã‚ã‚¹ãƒˆï¼ˆã€Œæ¤œç´¢ãƒ¯ãƒ¼ãƒ‰ã‚’å…¥åŠ›ã—ã¦ãã ã•ã„ã€ã¿ãŸã„ã‚„ã¤ï¼‰ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚“ã§è¡¨ä½œæˆã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚¿ãƒ–
nana_07 2011/12/10
JavaScript

jQuery

æ›¸ç±

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
[JS]ã‚·ãƒ³ãƒ—ãƒ«ï¼é«˜æ€§èƒ½ï¼è¶…è»½é‡ï¼ä½¿ã„å‹æ‰‹ã®è‰¯ã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jContent
ãƒ‡ãƒ¢ï¼šã‚«ãƒ«ãƒ¼ã‚»ãƒ«æ©Ÿèƒ½ä»˜ãã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ï¼šåž‚ç›´æ–¹å‘ jContentã®å®Ÿè£… å®Ÿè£…ã¯ç°¡å˜ã§ã€ãƒ‘ãƒãƒ«å†…ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’divè¦ç´ ã§é…ç½®ã—ã€æ•°è¡Œã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’è¨˜è¿°ã™ã‚‹ã ã‘ã§ã™ã€‚ HTML <div id="demo"> <a title="" href="#" class="prev"></a> <div class="slides"> <div>...</div> <div>...</div> <div>...</div> <div>...</div> </div> <a title="" href="#" class="next"></a> </div> JavaScript <script type="text/javascript" language="javascript" src="js/jquery-1.5.2.min.js"></script> <script type="text/j
nana_07 2011/04/12
jQuery

JavaScript

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1