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

sorausa1124 id:sorausa1124

jQueryã«é–¢ã™ã‚‹sorausa1124ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (233)

${{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ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ - NxWorld
ä½¿ã†æ©Ÿä¼šãŒã‚ã‚Šãã†ãªã®ã§èª¿ã¹ãŸã‚‰ã€ã„ãã¤ã‹è‰¯ã•ãã†ãªã‚‚ã®ãŒã‚ã£ãŸã®ã§å‚™å¿˜éŒ²å…¼ãã¦ç´¹ä»‹ã—ã¾ã™ã€‚ å•†å“ã®ä½¿ç”¨å‰å¾Œãƒ»å®¶ãªã©ã®ãƒªãƒ•ã‚©ãƒ¼ãƒ å‰å¾Œãƒ»ç¾Žå®¹å®¤ã®ã‚«ãƒƒãƒˆå‰å¾Œã¨ã„ã£ãŸã‚ˆã†ã«ã€ãƒ“ãƒ•ã‚©ãƒ¼ã‚¢ãƒ•ã‚¿ãƒ¼ã‚’è¦‹ã›ãŸã„ã¨ãã«ä¾¿åˆ©ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ å…¨éƒ¨ã§3ã¤ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ãŒã€ã©ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚‚ç°¡å˜ã«è¨ç½®ã§ãã¦ã»ã¨ã‚“ã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§å•é¡Œãªãå‹•ä½œã™ã‚‹æ„Ÿã˜ã§ã™ã€‚ TwentyTwenty ä½¿ç”¨æ–¹æ³• ã€ŒTwentyTwentyã€ã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€jQueryã¨ä½µã›ã¦å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¸‹è¨˜ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¾ã™ã€‚ ãƒ‘ã‚¹ãªã©ã¯è‡ªèº«ã®ç’°å¢ƒã«åˆã‚ã›ã¦å¤‰æ›´ã—ã¦ãã ã•ã„ã€‚ <link href="css/twentytwenty.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery.js
sorausa1124 2013/10/29
jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[JS]ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦æ¬¡ã«è¡¨ç¤ºã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å¼•ã£å¼µã‚Šä¸Šã’ã‚‹ã‚ˆã†ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -pullupScroll
ã‚¹ãƒžãƒ•ã‚©ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã®ã‚¢ãƒ—ãƒªã§ã‚ˆãè¦‹ã‹ã‘ã‚‹ã€æ¬¡ã«è¡¨ç¤ºã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å¼•ã£å¼µã‚Šä¸Šã’ã‚‹ã‚ˆã†ã«å°‘ã—ã ã‘é…ã‚‰ã›ã¦è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã†ã„ã†ã¡ã‚‡ã£ã¨ã—ãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã£ã¦ã€æ¥½ã—ã„ã§ã™ãã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ãƒ‡ãƒ¢ã®å‹•ãã ã‘ã§ãªãã€å·¦ä¸Šã®ã‚¢ã‚¤ã‚³ãƒ³ã«3ç¨®é¡žã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒä»•è¾¼ã¾ã‚Œã¦ã„ã¦ã€é¢ç™½ã„ã§ã™ã€‚ pullupScrollã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/equal-height-columns.js"></script> Step 2: HTML å¼•ã£å¼µã‚Šä¸Šã’ã‚‹å„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«classã‚’ä»˜ä¸Žã—ã€ãã‚Œã‚‰ã‚’å†…åŒ…ã™ã‚‹
sorausa1124 2013/10/23
jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾å¿œã—ãŸã€Œjquery.heightLine.jsã€
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾å¿œã—ãŸã€Œjquery.heightLine.jsã€ å¤šãã®æ–¹ã«æ–¹ã«æ„›ç”¨ã„ãŸã ã„ã¦ã„ã‚‹è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒheightLine.jsã€ã®æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ã—ã¦ã€Œjquery.heightLine.jsã€ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ heightLine.jsã¨ã®é•ã„ã¨ã—ã¦ã¯ã€ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³åŒ–ã—ãŸã®ã§jQueryãŒå¿…è¦ã§ã™ é«˜ã•ã‚’æƒãˆãŸã„è¦ç´ ã‚’classã§ã¯ãªãjQueryã®ã‚»ãƒ¬ã‚¯ã‚¿ã§æŒ‡å®šã—ã¾ã™ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾å¿œã€ç‰¹å®šã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å¹…ã®å ´åˆã®ã¿é«˜ã•ã‚’æƒãˆã¾ã™ destroyã¨refreshãƒ¡ã‚½ãƒƒãƒ‰ã‚’è¿½åŠ ã€é«˜ã•æƒãˆã®ç„¡åŠ¹åŒ–ã‚„å†æƒãˆãŒç°¡å˜ã«ã§ãã¾ã™ ãªã©ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ / ã‚µãƒ³ãƒ—ãƒ« / GitHub åˆ©ç”¨æ–¹æ³• ã¾ãšã¯ã€jQueryã¨jquery.heightLine.jsã‚’ãƒšãƒ¼ã‚¸å†…ã§èªã¿è¾¼ã¿ã¾ã™ã€‚ <script sr
sorausa1124 2013/10/22
jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚³ãƒŠãƒŸã‚³ãƒžãƒ³ãƒ‰ã‚’å…¥åŠ›ã—ãŸã¨ãã«ã‚¤ãƒ™ãƒ³ãƒˆã‚’ç™ºç”Ÿã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery.easterEggã€ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã“ã‚“ã«ã¡ã¯ã€‚fukasawaã§ã™ã€‚ æœ€è¿‘ã«ãªã£ã¦ã€é–¢å†…é§…ã®ç™ºè»Šãƒ™ãƒ«ãŒæ¨ªæµœãƒ™ã‚¤ã‚¹ã‚¿ãƒ¼ã‚ºã®çƒå›£æŒã§ã‚ã‚‹ã“ã¨ã«æ°—ãŒã¤ãã¾ã—ãŸã€‚ã‚¢ãƒ¬ãƒ³ã‚¸ãŒå¤‰ã‚ã‚‹ã¨ãªã‹ãªã‹æ°—ã¥ã‹ãªã„ã‚‚ã®ã§ã™ãã€‚ ã•ã¦ã€ä»Šå›žã”ç´¹ä»‹ã™ã‚‹ã®ã¯ã‚³ãƒŠãƒŸã‚³ãƒžãƒ³ãƒ‰ã‚’å…¥åŠ›ã—ãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã‚¤ãƒ™ãƒ³ãƒˆã‚’ç™ºç”Ÿã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery.easterEggã€ã§ã™ã€‚PCã‹ã‚‰ä»¥ä¸‹ã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’è¡¨ç¤ºã—ã€ã€Œâ†‘â†‘â†“â†“â†â†’â†â†’BAã€ã¨ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚’å©ã„ã¦ã¿ã¦ãã ã•ã„ã€‚ã‚³ãƒžãƒ³ãƒ‰å…¥åŠ›å¾Œã«ç”»åƒãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ãƒšãƒ¼ã‚¸ã‚’è¡¨ç¤ºã—ãŸå¾Œã€ã‚³ãƒžãƒ³ãƒ‰å…¥åŠ›ã‚ˆã‚Šå…ˆã«åˆ¥ã®ã‚ãƒ¼ã‚’å©ã„ãŸã‚Šã™ã‚‹ã¨ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºç”Ÿã—ã¾ã›ã‚“ å…¥åŠ›å¤±æ•—ã—ãŸå ´åˆã¯ä¸€åº¦ãƒªãƒãƒ¼ãƒ‰ã—ã¦ã‹ã‚‰ã‚‚ã†ä¸€åº¦å…¥åŠ›ã—ã¦ãã ã•ã„ ãƒšãƒ¼ã‚¸å†…ã«éš ã—ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œæˆã—ã€ã‚³ãƒžãƒ³ãƒ‰å…¥åŠ›ã«åˆã‚ã›ã¦è¡¨ç¤ºã—ãŸã„å ´åˆãªã©ã«ä½¿ãˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ jQuery.easterEgg ä½¿ã„æ–¹ jQueryã¨jQuery.easterEggã‚’èª
sorausa1124 2013/10/18
ã‚³ãƒ¬ã¯é¢ç™½ã„ã‹ã‚‰æ˜¯éžä½¿ã„ãŸã„ã€‚ã€‚ã€‚

jQuery
ãƒªãƒ³ã‚¯
ã€ŽjQuery ãƒãƒ¼ã‚¸ãƒ§ãƒ³æ¯Žã®é•ã„ã€‚å¤‰æ›´ç‚¹ã€JavaScriptã€‘ã€
å€‹äººçš„jQueryãƒ¡ãƒ¢ jQuery1.4.4 + IE8ä»¥ä¸‹ã®å ´åˆã€jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿å‘¨ã‚Šã«ãƒã‚°ã¨ã„ã†ã‹IEï½±ï¾Œï½«ï¼ã®ã›ã„ã‹å‹•ä½œãŒåŠ‡çš„ã«é‡ã„ã€‚ ç‰¹ã«Classåã§ã‚»ãƒ¬ã‚¯ã‚¿æŒ‡å®šã—ã¦ã„ã‚‹ã¨åŠç«¯ãªã„ã€‚ï¼žï¼œï¼› ãŸã¨ãˆã°tableã®tdã«ãã‚Œãžã‚ŒClassã‚’ä»˜ã‘ã¦ã€é•ã†å‹•ä½œã¾ãŸã¯æ¡ä»¶åˆ†å²ã‚’è¡Œã†ã€‚ 10è¡Œã‚„20è¡Œã ã¨å•é¡Œãªã„ã‚ˆã†ã«è¦‹ãˆã‚‹ãŒã€100è¡Œã»ã©è¡¨ç¤ºã•ã›ã‚‹ã¨ãƒãƒ³ã‚°ã‚¢ãƒƒãƒ—ã™ã‚‹ï½— åˆ—æ•°ã«ã‚ˆã£ã¦ã¯50è¡Œã»ã©ã§ã‚‚ãƒãƒ³ã‚°ã™ã‚‹ã€‚ï¼ˆã©ã‚Œãã‚‰ã„ã§ãƒãƒ³ã‚°ã™ã‚‹ã‹ã¯PCæ€§èƒ½ã«ã‚‚ã‚ˆã‚Šã¾ã™ï¼‰ ã‚¸ãƒ¼ã£ã¨å¾…ã£ã¦ã„ã‚‹ã¨æ¬¡ã®è¦å‘ŠãŒã€‚ ã€Œã“ã®ãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒã€Internet Explorer ã®å®Ÿè¡Œé€Ÿåº¦ã‚’é…ãã—ã¦ã„ã¾ã™ã€‚ï½žï½žã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ä¸æ–ã—ã¾ã™ã‹? ã€ ã„ã¤ã¾ã§ãŸã£ã¦ã‚‚å‡¦ç†ãŒçµ‚ã‚ã‚‹æ°—é…ãŒãªã„ã®ã§ã€Œã¯ã„ã€ã‚’é¸æŠžã™ã‚‹ã—ã‹ãªã„ã€‚ ã¾ã£ãŸãåŒã˜ä½œæ¥ã‚’FireFoxã‚„Google Chromeã«ã•ã›ã‚‹ã¨ãƒ“ãƒƒã‚¯ãƒªã™ã‚‹ãã‚‰ã„æ—©ã„ã€‚
sorausa1124 2013/10/10
jQuery
ãƒªãƒ³ã‚¯
[jQuery]è¦ç´ ã®é«˜ã•ãƒ»å¹…ã‚’å–å¾—ã™ã‚‹ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
iPhone5sã¯ã©ã†ã›ã™ãã«ã¯æ‰‹ã«å…¥ã‚‰ãªãã¦ã‚‚ã‚ˆã„ã¨ãŠã‚‚ã„ã‚´ãƒ¼ãƒ«ãƒ‰ã‚’äºˆç´„ã—ãŸtanakaã§ã™ã€‚ ä»Šæ—¥ã¯jQueryã§ãƒ–ãƒ©ã‚¦ã‚¶ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹è¦ç´ ã®é«˜ã•ã‚„å¹…ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦ã¾ã¨ã‚ã¾ã™ã€‚ â€¦ã¨ã„ã£ã¦ã‚‚jQueryãƒ¦ãƒ¼ã‚¶ãƒ¼ã§ã‚ã‚Œã°$(...).height(), $(...).width() ã§OKã£ã¦ã“ã¨ã¯ã”å˜ã˜ã‹ã¨æ€ã„ã¾ã™ã€‚ ãã‚Œã‚‚ç´¹ä»‹ã—ã¾ã™ãŒã€ãã‚Œä»¥å¤–ã®æ–¹æ³•ã«ã¤ã„ã¦ã‚‚ã¾ã¨ã‚ã¾ã™ã€‚ $(...).height(), $(...).width()ã«ã¤ã„ã¦ DOMè¦ç´ ã®é«˜ã•ã€å¹…ã‚’å–å¾—ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã§ã™ã€‚å¼Šç¤¾ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ›ãƒ¼ãƒ ã«ã‚ã‚‹ä»¥ä¸‹ã®è¦ç´ ã§å€¤ã‚’å–å¾—ã—ã¦ã¿ã¾ã™ã€‚ $('div.info:first').height() // => 120 $('div.info:first').width() // => 200 ä¸Šè¨˜ã®ã‚ˆã†ãªæ„Ÿã˜ã§å–å¾—ã§ãã¾ã™ã€‚Chromeã®Developer Tool
sorausa1124 2013/09/26
jQuery
ãƒªãƒ³ã‚¯
å¤–éƒ¨ã‚µã‚¤ãƒˆã¸ã®ãƒªãƒ³ã‚¯ã«target=_blankå±žæ€§ã‚’è¿½åŠ ï¼ˆjQueryï¼‰
å¤–éƒ¨ã‚µã‚¤ãƒˆã¸ã®ãƒªãƒ³ã‚¯ jQueryã‚’ä½¿ã£ã¦ã€å¤–éƒ¨ã‚µã‚¤ãƒˆã¸ã®ãƒªãƒ³ã‚¯ã«target=_blankã‚’è¿½åŠ ã™ã‚‹ä»•æ§˜ã«ã—ã¾ã—ãŸã€‚ å¤–éƒ¨ã¸ã®ãƒªãƒ³ã‚¯ã«target=_blankå±žæ€§ã‚’ä»˜ã‘ã‚‹ã“ã¨ã¯ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®è¦³ç‚¹ã‹ã‚‰æœ›ã¾ã—ããªã„ã€‚ã¤ã¾ã‚Šã€åˆ¥ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã§é–‹ãã‹ã©ã†ã‹ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒåˆ¤æ–ã™ã¹ãã¨ã•ã‚Œã¦ãã¾ã—ãŸãŒã€ã“ã‚Œã ã‘ã‚¿ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ãŒæ™®åŠã™ã‚‹ã¨ã‹ãˆã£ã¦ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ä¸Šã‚ˆã‚ã—ããªã„ã¨ã„ã†æ°—ãŒã—ã¾ã™ã€‚ ã¨ã„ã£ã¦è†¨å¤§ãªè¨˜äº‹ã®ä¸ã‹ã‚‰å¤–éƒ¨ã¸ã®ãƒªãƒ³ã‚¯ã‚’æŽ¢ã—å‡ºã—ã¦ã€æ‰‹æ›¸ãã§target=_blankå±žæ€§ã‚’è¿½åŠ ã™ã‚‹ã®ã‚‚å¤§å¤‰ãªä½œæ¥é‡ã§ã™ã€‚ ãã“ã§ã€jQueryã‚’ä½¿ã£ã¦å‡¦ç†ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ é–¢é€£ãƒªãƒ³ã‚¯ Wordpress: å¤–éƒ¨ãƒªãƒ³ã‚¯ã‚’target=_blankã« - blog.eãƒ©ãƒ¼ãƒ‹ãƒ³ã‚°.co.jp jQuery (document).ready( function () { jQuery ('a[href^=htt
sorausa1124 2013/09/20
jQuery
ãƒªãƒ³ã‚¯
ãµã˜ã“ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¥®é—˜è¨˜
sorausa1124 2013/09/06
jQuery
ãƒªãƒ³ã‚¯
Disable/enable an input with jQuery?
sorausa1124 2013/08/26
disable/enable ã®åˆ‡ã‚Šæ›¿ãˆæ–¹æ³•

jQuery
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§CSSã«ã‚ˆã‚‹3Dã‚’ä½œã‚Œã‚‹ã‚¨ãƒ‡ã‚£ã‚¿ãƒ»ã€ŒTridivã€
Tridivã¯ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§CSSã«ã‚ˆã‚‹3Dã‚·ã‚§ã‚¤ãƒ—ã‚’ä½œæˆå‡ºæ¥ã‚‹ã‚¨ãƒ‡ã‚£ã‚¿ã€‚äºˆã‚ç”¨æ„ã•ã‚ŒãŸè¤‡æ•°ã®ã‚·ã‚§ã‚¤ãƒ—ã‚’ä½¿ã£ã¦3Dã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚é¢ã«ç”»åƒã‚’ä½¿ã†äº‹ã‚‚å‡ºæ¥ã¾ã™ãŒã€ã“ã¡ã‚‰ã¯URLã‚’æŒ‡å®šã™ã‚‹å½¢ã«ãªã‚‹ã¿ãŸã„ã€‚ Tridiv
sorausa1124 2013/08/22
jQuery
ãƒªãƒ³ã‚¯
jQueryã§æ‰‹è»½ã«ã‚µã‚¯ãƒƒã¨ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ†ã‚£ãƒƒã‚«ãƒ¼ã‚’ä½œã‚‹ - ã‹ã¡ã³ã¨.net
ä»Šæ›´ãªTipsãªã‚“ã§ã™ã‘ã©ã€ã¾ãè‡ªåˆ†ç”¨ã® å¾©ç¿’çš„ãªè¨˜äº‹ã§ã™ã€‚ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã‚„ã™ ã„ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ†ã‚£ãƒƒã‚«ãƒ¼ã‚’ä½œã‚‹ã‚³ãƒ¼ãƒ‰ã§ã€ 1è¡Œã§ã‚‚4è¡Œã§ã‚‚ç”»åƒã§ã‚‚ã€cssã§è¦‹ãŸç›® ã‚’ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ã ã‘ã§å°‘é‡ã®ã‚³ãƒ¼ãƒ‰ã§ å®Ÿè£…ã™ã‚‹äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ ã„ã‚ã„ã‚ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¦ãŠã„ã¦ã‚¢ãƒ¬ã§ã™ã‘ã©ã€å®Ÿéš›ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ä¾å˜ã™ã‚‹ã¨å›°ã‚‹ã“ã¨ã®ã»ã†ãŒå¤šã„ã®ã§ç°¡å˜ãªã‚‚ã®ã¯ç°¡å˜ãªã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å‡ºæ¥ã‚‹ç¨‹åº¦ã«ã¯ã—ã¦ãŠããŸã„æ‰€ã§ã™ãã€‚ Sample:01 ãƒ†ã‚£ãƒƒã‚«ãƒ¼ã§ã™ã€‚å®Ÿéš›ã“ã‚“ãªé¢¨ã«ã¯å®Ÿè£…ã›ãšã€ç›®ç«‹ãŸãªã„ã¨ã“ã‚ã«é…ç½®ã—ã¾ã™ã‘ã©ãƒ»ãƒ» ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…ã—ã¾ã™ã€‚ function ticker(){ $('#news li:first').slideUp( function(){ $(this).appendTo($('#news')).slideDown(); }); } setInterval(function(){ticker()}, 5
sorausa1124 2013/08/20
jQuery
ãƒªãƒ³ã‚¯
ã‚¿ãƒƒãƒãŒã§ãã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚«ãƒ«ãƒ¼ã‚»ãƒ«å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒOwl Carouselã€:phpspoté–‹ç™ºæ—¥èªŒ
Owl Carousel ã‚¿ãƒƒãƒãŒã§ãã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚«ãƒ«ãƒ¼ã‚»ãƒ«å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒOwl Carouselã€ã€‚ ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆå‡ºè·æ•°ãŒPCã‚’ä¸Šå›žã‚‹ç‰ã€ä»Šå¾Œã‚‚ä¼¸ã³ã‚‹ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§ã‚‚ä½¿ãˆã‚‹ã‚¿ãƒƒãƒå¯èƒ½ã‹ã¤ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãŒå®Ÿè£…å¯èƒ½ã§ã™ã€‚ Appleã®ãƒ›ãƒ¼ãƒ ç”»é¢ã£ã½ã„ãƒšãƒ¼ã‚¸ãŠãã‚ŠãŒã¤ã„ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ãªã‚‹ã‚ãŸã‚ŠãŒã‚«ãƒƒã‚³ã„ã„ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã©ã‚“ãªHTMLè¦ç´ ã‚‚ã‚«ãƒ«ãƒ¼ã‚»ãƒ«åŒ–ã—ã¦ã—ã¾ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒCarouFredSelã€ é«˜æ©Ÿèƒ½ãªã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚’å®Ÿè£…ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼•ï¼ã¾ã¨ã‚
sorausa1124 2013/08/12
jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
æˆ»ã‚Šå€¤ã§é–¢æ•°ã‹ã‚‰å€¤ã‚’è¿”ã™returnã‚’ä»Šä¸€åº¦å‹‰å¼·ã—ãªãŠã—ã¦ã¿ãŸ
JavaScriptã¨ã‹jQueryã¨ã‹ä½¿ã£ã¦ã„ã‚ã„ã‚ã—ã¦ãã¦ã„ãŸã‚“ã§ã™ãŒã€ä»Šä¸€åº¦ã¡ã‚ƒã‚“ã¨åŸºç¤Žã‚’å‹‰å¼·ï¼†å¾©ç¿’ã—ã¦ãŠã‹ãªã„ã¨ã‚„ã°ãã†ã€‚è¦šãˆã¦ã„ãªã„ã“ã¨ã¨ã‹å¤šã€…ã‚ã‚‹ã®ã§ã€åŸºç¤Žã‹ã‚‰å‹‰å¼·ã—ãªãŠã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã¾ãšã¯ã€Œreturnã€ã«ã¤ã„ã¦ã€‚æˆ»ã‚Šå€¤ã¨ã‹å€¤ã‚’è¿”ã™ã¨ã‹ã¯ã‚ã‹ã‚‹ã®ã§ã™ãŒã€ã©ã†ä½¿ã†ã®ï¼Ÿä½¿ã„ã©ã“ã‚ã¯ï¼Ÿã©ã†ãªã‚‹ã®ï¼Ÿã„ã‚ã„ã‚ã‚„ã£ã¦ã¿ãŸã€‚ ã¨ã‚Šã‚ãˆãšã€Firebugã‚’ä½¿ã£ã¦è‰²ã€…å…¥åŠ›ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã™ã€‚ return; //SyntaxError ã„ããªã‚Šreturnã ã‘ã—ã¦ã‚‚ã‚¨ãƒ©ãƒ¼ã ã‚ˆã¨ã„ã†ã“ã¨ã§ã™ãã€‚ä½•ã‹ã«å€¤ã¨ã‹è¿”ã™ã‚ˆï½žã£ã¦æ™‚ã«ä½¿ã†ã‚‚ã®ã¨ã®ã“ã¨ã€‚ ãã‚Œãªã‚‰ã£ã¦ã“ã¨ã§ã€é–¢æ•°ã®ä¸ã«å…¥ã‚Œã¦ã¿ãŸã€‚ function test(){ return; }; test(); //undefined ã§ã‚‚ã€returnã ã‘ã—ã¦ã‚‚ã€ä½•ã‚‚è¿”ã™ã‚‚ã®ãŒãªã„ã®ã§ã€undefinedã€‚ ã˜ã‚ƒã‚ã€trueã£ã¦ã®ã‚’ã„ã‚Œ
sorausa1124 2013/08/08
jQuery
ãƒªãƒ³ã‚¯
jQueryã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ãƒ¼ã‚¿å–å¾—æ–¹æ³•ã®ã¾ã¨ã‚
jQueryã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ãƒ¼ã‚¿å–å¾—æ–¹æ³•ã®ã¾ã¨ã‚ã§ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ãƒ¼ã‚¿ã®å–å¾—ã§åˆ†ã‹ã‚Šã«ãã„ã®ã¯ã€ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ãƒ»ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ãƒ»ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®3ç¨®é¡žã§ã¯ãªã„ã‹ã¨æ€ã‚ã‚Œã¾ã™ã€‚æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã“ã®3ç¨®é¡žã«ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã‚’çµžã‚Šã€å‹•ä½œã‚µãƒ³ãƒ—ãƒ«ã‚’ç”¨ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ã€Œ$ã€ã¯ã€ŒjQueryã€ã§è¨˜è¿°ã—ã¦ã„ã¾ã™ã€‚ 2012.06.19è¿½è¨˜ï¼šãƒ†ã‚ã‚¹ãƒˆãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ãƒ»ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã®å–å¾—æ–¹æ³•ã‚‚è¿½åŠ ã—ã¾ã—ãŸã€‚ 2014.05.11è¿½è¨˜ï¼šãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã®å–å¾—æ–¹æ³•ã‚’attr()ã‹ã‚‰prop()ã«å¤‰æ›´ã—ã¾ã—ãŸã€‚ ãƒãƒƒãƒˆã§æ¤œç´¢ã—ãŸã¨ã“ã‚ã€ã¾ã¨ã¾ã£ãŸè¨˜äº‹ãŒãªã‹ã£ãŸã®ã§è‡ªä½œã—ã¾ã—ãŸã€‚ãªãŠã€æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã«æŽ²è¼‰ã—ã¦ã„ã‚‹æ–¹æ³•ä»¥å¤–ã«ã‚‚è‰²ã€…ãªã‚„ã‚Šæ–¹ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã®ã§ã€ä¸€ä¾‹ã¨ã—ã¦å‚ç…§ã—ã¦é ‚ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚ ï¼‘ï¼Žã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã®å€¤ã‚’å¤‰æ›´ã—ãŸã¨ãã«å–å¾— ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã®å€¤ã‚’å¤‰æ›´ã—ãŸã¨ãã«å–å¾—ã™ã‚‹ã«ã¯ã€changeã‚¤ãƒ™ãƒ³ãƒˆã¨val()ã‚’çµ„
sorausa1124 2013/08/08
jQuery

html
ãƒªãƒ³ã‚¯
ç´ æ™´ã‚‰ã—ã„jQueryã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’é›†ã‚ãŸã€Œ25 Excellent jQuery Sliders Tutorials and Pluginsã€
TOPÂ Â >Â Â WebDesignÂ Â >Â Â ç´ æ™´ã‚‰ã—ã„jQueryã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’é›†ã‚ãŸã€Œ25 Excellent jQuery Sliders Tutorials and Pluginsã€ éžå¸¸ã«é«˜æ©Ÿèƒ½ã§WEBåˆ¶ä½œã«ã¯å¹…åºƒãåˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ã€jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ãŒã€ãã®ä¸ã§ã‚‚å®šç•ªã¨ã‚‚è¨€ãˆã‚‹ã®ãŒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€‚é™ã‚‰ã‚ŒãŸé ˜åŸŸã§jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä¸ã§ã‚‚å¤šãåˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯ã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã„ã€ç´ æ™´ã‚‰ã—ã„jQueryã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’é›†ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ25 Excellent jQuery Sliders Tutorials and Pluginsã€ã§ã™ã€‚ A Beautiful Apple-Style Slideshow Gallery with CSS & jQuery å®šç•ªã®å³ã‹ã‚‰å·¦ã¸æµã‚Œã‚‹ã‚‚ã®ã€ãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ãŒåŠ¹ã„ã¦ã„ã‚‹ã‚‚ã®ã€ã‚ãƒ£ãƒ—ãƒãƒ£ã‚„ã‚µãƒ ãƒã‚¤ãƒ«ã¨é€£å‹•
sorausa1124 2013/08/07
jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
http://www.landofcoder.com/jquery-plugin/127-lof-jslidernew-plugin.html
sorausa1124 2013/08/06
ãƒ‹ãƒ¥ãƒ¼ã‚¹ï¼‹ã‚¹ãƒ©ã‚¤ãƒ‰æ©Ÿèƒ½ä»˜ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚®ãƒ£ãƒ©ãƒªãƒ¼ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ‡ãƒ¢ã„ã‚ã„ã‚
jShowOff is a jQuery plugin for creating a rotating content module. It works by creating 'slides' from the child elements (eg. <li>) inside a specified wrapper element (eg. <ul>) on which .jshowoff() is invoked. It then rotates through the slides, with options for controls, links, and more. This type of module is often used to promote pages, sections, or features on a site. Required Files the jQue
sorausa1124 2013/08/06
ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ãƒãƒ¼ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹äº‹ãŒã§ãã‚‹ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã©ã‚“ãªãƒ•ã‚©ãƒ¼ãƒ ã«ã‚‚ä½¿ãˆã‚‹jQueryã®ãƒ•ã‚©ãƒ¼ãƒ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ exValidation :: 5509
jquery.validation.jsã¨ã„ã†ãƒ•ã‚©ãƒ¼ãƒ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å…¬é–‹ã—ã¦ã„ã¾ã™ãŒã€ä½¿ãˆã‚‹å ´é¢ãŒå‰²ã¨é™å®šã•ã‚Œã¦ã—ã¾ã†ã‚ˆã†ãªä½œã‚Šã ã£ãŸã®ã§ã€ã‚ˆã‚Šå¹…åºƒãä½¿ãˆã‚‹ã‚ˆã†ã«exValidationã¨ã„ã†åå‰ã§æ–°ã—ã„jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦ä½œã‚Šç›´ã—ã¾ã—ãŸã€‚ä¼´ã£ã¦ä»•æ§˜ã‚„ä½¿ã„æ–¹ãŒç•°ãªã‚‹éƒ¨åˆ†ã‚‚å¤šã„ã®ã§ã€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¨ã—ã¦æ›¸ã„ã¦ãŠãã¾ã™ã€‚ãŸã ã—å‰åŠã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ«ãƒ¼ãƒ«å‘¨ã‚Šã¯åŒã˜ã‚¨ãƒ³ã‚¸ãƒ³ã‚’ä½¿ã£ã¦ã‚‹ã®ã§ã€ã»ã¼åŒã˜ã§ã™ã€‚ã¡ãªã¿ã«ã™ã”ã„é•·ã„ã§ã™ã€‚ã€‚ ãƒ«ãƒ¼ãƒ«ã‚’å‰²ã‚Šå½“ã¦ã‚‹éš›ã®classåãŒhogeã‹ã‚‰chkhogeã«ä»£ã‚ã‚Šã¾ã—ãŸã€‚ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã—ã¦ä½¿ã†å ´åˆã¯æ³¨æ„ã—ã¦ãã ã•ã„ã€‚ ã‚µãƒ³ãƒ—ãƒ«1: ã‚¨ãƒ©ãƒ¼ã‚’å³ä¸Šã«è¡¨ç¤º ã‚µãƒ³ãƒ—ãƒ«2: ã‚¨ãƒ©ãƒ¼ã‚’ä¸‹ã«è¡¨ç¤º ãƒˆãƒ”ãƒƒã‚¯ã‚¹ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ä½¿ã„æ–¹ 1. JSãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€ 2. åŸºæœ¬ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ«ãƒ¼ãƒ« 3. select, checkboxã€radioã€è¤‡æ•°é …ç›®ã®å ´åˆ 4
sorausa1124 2013/08/06
jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
p010:ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’Ajaxã§ã‚„ã£ã¦ã¿ã‚‹: ã¾ã˜ã‚ã«Webåˆ¶ä½œ
sorausa1124 2013/08/06
php

jQuery
ãƒªãƒ³ã‚¯
jQueryã®oneã§ãƒ•ã‚©ãƒ¼ãƒ ã®2é‡é€ä¿¡ã‚’é˜²æ¢ã™ã‚‹ - ãƒ¡ãƒ¢ç½®ãå ´
ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚µãƒ–ãƒŸãƒƒãƒˆãƒœã‚¿ãƒ³ã‚’ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ãƒªã‚¯ã‚¨ã‚¹ãƒˆãŒä½•åº¦ã‚‚é£›ã‚“ã§ã—ã¾ã†ã“ã¨ãŒã‚ã‚‹ã®ã§ã€ãªã‚“ã¨ã‹ã—ã¦ãã‚Œã£ã¦è¦ä»¶ãŒãŸã¾ã«ã‚ã‚Šã¾ã™ã€‚ æ™®é€šã®input type="submit"ã ã£ãŸã‚‰disableã«ã—ãŸã‚Šã™ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã„ã¾ã™ $("input[type=submit]").click(function() { $(this).attr("disabled", "disabled"); }); anchorã‚¿ã‚°ã¨ã‹ã€ãªã‚“ã§ã‚‚ã„ã„ã‚“ã§ã™ãŒã€formè¦ç´ ã˜ã‚ƒãªã„ã‚‚ã®ã«ã‚¤ãƒ™ãƒ³ãƒˆè²¼ã‚Šä»˜ã‘ã¦ãƒ•ã‚©ãƒ¼ãƒ ã‚’submitã•ã›ã¦ã‚‹ã¨ãã¯ã©ã†ãªã‚‹ã§ã—ã‚‡ã†ã‹ disabledå±žæ€§ã¯åŠ¹ãã¾ã›ã‚“ ã“ã‚“ãªä¾‹ã‚’ã¿ã¤ã‘ã¦ã¡ã‚‡ã£ã¨ãªã‚‹ã»ã©ã¨æ€ã£ãŸã®ã§ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ jQueryã®oneã‚’ä½¿ã†ã£ã¦ã‚„ã¤ã§ã™ã€‚ $("a.button").one("click", function(e) { e.preventD
sorausa1124 2013/07/31
jquery
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸