[B! ãƒ©ã‚¤ãƒ–ãƒ©ãƒª][jQuery] yocchi24ã®ãƒ

yocchi24 id:yocchi24

ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨jQueryã«é–¢ã™ã‚‹yocchi24ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

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

æ£ã—ã„ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰ã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’æä¾›ã€ŽCreditcard.jsã€ | 100SHIKI
ã‹ãªã‚Šãƒ‹ãƒƒãƒã ãŒã€é€†ã«ãã‚ŒãŒã„ã„ã§ã™ãªã€‚ Creditcard.jsã§ã¯ã€ã‚¯ãƒ¬ã‚¸ãƒƒãƒˆã‚«ãƒ¼ãƒ‰ã‚’å…¥åŠ›ã•ã›ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã‚’æä¾›ã—ã¦ã„ã‚‹ã€‚ èˆˆå‘³æ·±ã„ã®ã¯ã€ã€Œä»Šã¾ã§ã®ãƒ•ã‚©ãƒ¼ãƒ ã®ã“ã“ãŒã ã‚ã ã€ã¨æå”±ã—ã¦ã„ã‚‹ç‚¹ã ã€‚ ãŸã—ã‹ã«èªã¿é€²ã‚ã¦ã„ãã¨ï¼ˆç´°ã‹ã„ç‚¹ã§ã¯ã‚ã‚‹ãŒï¼‰æ™®é€šã®ãƒ•ã‚©ãƒ¼ãƒ ã ã¨æ”¹å–„ã®ä½™åœ°ãŒã‚ã‚‹ã“ã¨ãŒã‚ã‹ã‚‹ã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã‹ã©ã†ã‹ã¯åˆ¥ã¨ã—ã¦ã€ä¸€åº¦èªã‚“ã§ãŠãã¨è‰¯ã„ã®ã§ã¯ãªã‹ã‚ã†ã‹ã€‚
yocchi24 2013/11/10
javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

jQuery
ãƒªãƒ³ã‚¯
[JS]ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆã‚‹JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯é›†
ã¡ã‚‡ã£ã¨ã—ãŸå‹•ãã‹ã‚‰ã€ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªå‹•ãã¾ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’åŠ ãˆã‚‹JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’Six Revisionsã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 10 Impressive JavaScript Animation Frameworks
yocchi24 2012/09/20
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ

javascript

jquery

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã®ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’ä¸€æ°—ã«å®Ÿè£…ã§ãã‚‹13KBã®è»½é‡ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒQUOjsã€:phpspoté–‹ç™ºæ—¥èªŒ
QUOjs - Micro JavaScript Library ã‚¹ãƒžãƒ›ã®ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’ä¸€æ°—ã«å®Ÿè£…ã§ãã‚‹13KBã®è»½é‡ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒQUOjsã€ ã‚¿ãƒƒãƒ—ã€ãƒ€ãƒ–ãƒ«ã‚¿ãƒƒãƒ—ã€ãƒ›ãƒ¼ãƒ«ãƒ‰ã€ã‚¹ãƒ¯ã‚¤ãƒ—ã€ã‚¹ãƒ¯ã‚¤ãƒ—ä¸Šä¸‹å·¦å³ã€ãƒ‰ãƒ©ãƒƒã‚°ã¨ã„ã£ãŸã‚¤ãƒ™ãƒ³ãƒˆã‚’å®Ÿè£…ã™ã‚‹ã®ã«ä½¿ãˆãã† ãƒ¢ãƒã‚¤ãƒ«ã¨ã„ã†ã“ã¨ã§3Gå›žç·šã«ã‚‚é…æ…®ã—ãŸ13KBã¯å¬‰ã—ã„ã€‚ ä»Šå¾Œã¯ãƒãƒ¼ãƒ†ãƒ¼ãƒˆã‚„ãƒ”ãƒ³ãƒã‚¤ãƒ³ãƒ»ã‚¢ã‚¦ãƒˆã«ã‚‚å¯¾å¿œäºˆå®šã ãã† å®Ÿè£…ã¯jQueryãƒ©ã‚¤ã‚¯ã§è¶…ç°¡å˜ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãŸã£ãŸ2KBã§å‹•ä½œã™ã‚‹ã‚¹ãƒžãƒ›ç”¨ãƒžãƒ«ãƒã‚¿ãƒƒãƒã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒHammer.jsã€ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã®æŒ‡ã‚¸ã‚§ã‚¹ãƒãƒ£ã®èª¬æ˜Žã«ä½¿ãˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã€ŒCueã€
yocchi24 2012/06/12
ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

jQuery

Webåˆ¶ä½œ

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
jQuery UIã‚’ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã•ã›ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»jQuery UI Touch Punch - ã‹ã¡ã³ã¨.net
jQuery UIã‚’ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã•ã›ã‚‹ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»jQuery UI Touch Punchã® ã”ç´¹ä»‹ã§ã™ã€‚ã„ã¤ã‹ä½¿ã†ã‹ã‚‚ã€ã¨æ€ã£ãŸ ã®ã§å‚™å¿˜éŒ²ã€‚ã“ã‚Œã‚’è¦‹ã¦ã€ãã†ã„ã‚„ã‚¹ãƒž ãƒ•ã‚©ã§jQuery UIã‚’è©¦ã—ãŸã“ã¨ãŒç„¡ã„ã“ã¨ ã«æ°—ãŒä»˜ã„ãŸæ¬¡ç¬¬ã§ã™ãƒ»ãƒ» jQuery UIã®ãƒ‰ãƒ©ãƒƒã‚°ã¨ã‹ãƒªã‚µã‚¤ã‚ºã¨ã‹ã‚½ãƒ¼ãƒˆã¨ã‹ã‚’iPhoneãªã©ã«å¯¾å¿œã•ã›ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ãã†ã„ã‚„jQuery UIã¯ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã§å‹•ãã®ã‹è©¦ã—ãŸã“ã¨ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸãŒã€ãƒ‰ãƒ©ãƒƒã‚°ã‚„ãƒªã‚µã‚¤ã‚ºã¯ãã®ã¾ã¾ã§ã¯ä½¿ãˆã¾ã›ã‚“ã§ã—ãŸã€‚ ã“ã‚Œã¯éœ€è¦ã‚ã‚‹ã‚“ã˜ã‚ƒãªã„ã§ã™ã‹ãã€‚ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã•ã›ã‚‰ã‚Œã‚‹ã®ã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ Draggable Droppable Resizable Selectable Sorta ble Accordion Autocomplete Dialog Progressbar Slider å®Ÿæ©Ÿã§ãƒ†
yocchi24 2012/04/28
UI

jQuery

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

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

javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›é …ç›®ã«å…¥åŠ›ä¾‹ã‚’è¡¨ç¤ºã™ã‚‹ | ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ»EFOãƒžãƒ‹ã‚¢!!
å‰å›žã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã€ŒãŠå®¢æ§˜ã«å„ªã—ã„ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ•ã‚©ãƒ¼ãƒ è¨è¨ˆã€ã«ã¤ã„ã¦ã®è©±ã‚’ã—ã¾ã—ãŸãŒã€ãã®å®Ÿè·µä¾‹ã®ä¸€ã¤ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã“ã‚Œã¯formnotifierã¨ã„ã†JQueryã§å‡ºæ¥ã¦ã„ã‚‹éžå¸¸ã«è»½ã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãªã‚“ã§ã™ãŒã€ãƒ†ã‚ã‚¹ãƒˆå…¥åŠ›ãƒœãƒƒã‚¯ã‚¹ã«ãƒ’ãƒ³ãƒˆè¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å‹•ä½œãƒ‡ãƒ¢ ä½¿ã„æ–¹ã¯ <script> $(document).ready(function(){ $(â€˜:inputâ€™).formNotifier(); }); </script> ã¨ã„ã†ã‚³ãƒ¼ãƒ‰ã‚’å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã«è¿½åŠ ã™ã‚‹ã ã‘ã€‚ ã“ã‚Œã§ã€Œinputã‚¿ã‚°ã€ã®ã€Œtitleå±žæ€§ã€ãŒãƒ’ãƒ³ãƒˆè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã ã¨è¡¨ç¤ºãŒã„ã¾ã„ã¡ãªã®ã§è¦‹ãŸç›®ã‚’å¤‰ãˆã‚‹å ´åˆã¯ã€CSSã§ã€Œformnotifierã€ã‚¯ãƒ©ã‚¹ã‚’å¤‰æ›´ã—ã¦ã‚ã’ã‚Œã°è¡¨ç¤ºå¤‰æ›´ã¯å¯èƒ½ã§ã™ã€‚ ã‚ªã‚¹ã‚¹ãƒ¡ã¯ã“ã‚“ãªæ„Ÿã˜ã€‚ <style type=text/css> .form
yocchi24 2011/11/10
jQuery

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

javascript

webåˆ¶ä½œ

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
jQuery Corner Demo
This plugin was originally written by Dave Methvin. Dave and I collaborated on several improvements and the project is now hosted on github. The most recent version is also available here: jquery.corner.js. It's important to understand that this corner plugin is pulling off its magic by adding more elements to the page. Specifically, it adds div "strips" to the it em to be cornered and sets a solid
yocchi24 2011/10/21
jQueryã§è§’ä¸¸ãªã‚‰ã¬ã€è§’ãŽã–ãŽã–ã€è§’ã‹ãã‹ããŒä½œã‚Œã‚‹ã€‚ã“ã‚Œãªã‚‰IE8ã§ã‚‚è¦‹ã‚Œã‚‹ï¼

jQuery

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

javascript

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
JQuery Cycle Plugin
Check out Cycle2, the latest in the Cycle line of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. How it Works The plugin provides a method called cycle which is
yocchi24 2011/10/21
ã‚«ãƒ¼ãƒ‰ãŒãã‚‹ãã‚‹ã™ã‚‹ã‚¿ã‚¤ãƒ—ã®JS

jQuery

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

JavaScript
ãƒªãƒ³ã‚¯
è¦ç´ ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã¦ã„ãã‚«ãƒ«ãƒ¼ã‚»ãƒ« JavaScriptã€ŒjQuery carrouselã€
twitter facebook hatena google pocket è¦ç´ ã€ç‰¹ã«ç”»åƒã€ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã¦è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ã§é ˜åŸŸãŒå°ã•ã„ãªãŒã‚‰ã‚‚å¤šãã®æƒ…å ±ã‚’ä¼ãˆã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ ä»Šå›žã¯jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã€ŒjQuery carrouselã€ã‚’åˆ©ç”¨ã—ã¾ã™ã€‚ sponsors ä½¿ç”¨æ–¹æ³• jQuery carrouselã‹ã‚‰é–¢é€£jsã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“jQueryã‹ã‚‰jquery.jsã‚’å¿˜ã‚Œãšã«ã€‚ <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.carrousel.js"></script> <script type="text/javascript" src="jquery.carrousel.control
yocchi24 2011/10/21
ãƒªã‚¹ãƒˆã‚¿ã‚°ã«è¦ç´ ã‚’æ›¸ã„ã¦æµã™JSã€‚è‡ªå‹•ã§æµã›ã‚‹ã—ã€æ™‚é–“è¨å®šã‚‚ã§ãã‚‹ã—ã€ã‚¯ãƒªãƒƒã‚¯ã§ã‚‚å‹•ã‹ã›ã‚‹ã€‚

jQuery

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

javascript
ãƒªãƒ³ã‚¯
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ - ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’ç›®å‡¦ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã‚’çµ‚äº†äºˆå®šã§ã‚ã‚‹æ—¨ã‚’ãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019å¹´æœ«ã‚’ç›®å‡¦ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æä¾›ã‚’çµ‚äº†ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã“ã®ãŸã³ã€æ£å¼ã«çµ‚äº†æ—¥ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”ç¢ºèªãã ã•ã„ã€‚ çµ‚äº†æ—¥: 2020å¹´1æœˆ31æ—¥(é‡‘) ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1æœˆ31æ—¥(é‡‘) çµ‚äº†æ—¥ä»¥é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“ã€‚æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„ã€‚ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„ã¦ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã”åˆ©ç”¨ã®ã¿ãªã•ã¾ã«ã¯ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 è¿½è¨˜ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2æœˆ28
yocchi24 2011/07/08
ã¡ã‚‡ã£ã¨èªã¿ã¥ã‚‰ã„ã—ã€ã‚¿ã‚¤ãƒˆãƒ«å¤‰ã ã‘ã©ã€å¤§äº‹ãªã“ã¨è¨€ã£ã¦ã‚‹æ°—ãŒã™ã‚‹ã€‚

XSS

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

jQuery

JavaScript
ãƒªãƒ³ã‚¯
1