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

kabochao id:kabochao

*jQueryã«é–¢ã™ã‚‹kabochaoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (39)

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

Ajaxã§ã‚‚URLã‚’æ›´æ–°ã—ã¦å±¥æ´ã‚’ä½œã‚Œã‚‹HTML5ã®pushStateè©¦ã—ã¦ã¿ãŸ
Posted:Â 2011.06.20Â /Â Category:Â javascriptÂ /Â Tag:Â Ajax, HTML5 é«˜é€ŸãªWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹ã«ã¯AjaxãŒãªãã¦ã¯ãªã‚‰ãªã„ã‚‚ã®ã¨ãªã‚Šã¾ã—ãŸã€‚Ajaxã«ã¯URLãŒæ›´æ–°ã•ã‚Œãšã€ãã®ãŸã‚ãƒ–ãƒ©ã‚¦ã‚¶ã®æˆ»ã‚‹ã‚‚ä½¿ç”¨ã§ã¾ã›ã‚“ã€‚ ã“ã®ã‚ˆã†ãªå•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«HTML5ã§è¿½åŠ ã•ã‚ŒãŸã®ãŒã€ŒpushStateã€ã§ã™ã€‚ pushStateã‚’ä½¿ç”¨ã—ã¦ã„ãªã„ã‚µãƒ³ãƒ—ãƒ« jQueryã®loadãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ç”¨ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„åˆ‡ã‚Šæ›¿ãˆã®ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ page1.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>page1</title> <link rel="stylesheet" href="style.css"> <script type="text
kabochao 2013/12/08
*jQuery
ãƒªãƒ³ã‚¯
http://i.yimg.jp/images/netallica/phase2/pc_smp/js/paging_1_2-min.js
kabochao 2013/12/07
â€œhistory.pushStateâ€

*jQuery
ãƒªãƒ³ã‚¯
ã€ŽjQuery æœ€é«˜ã®æ•™ç§‘æ›¸ã€ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆ
Chapter 02 3 ã‚¹ãƒ†ãƒƒãƒ—ã§ã¯ã˜ã‚ã‚‹ã‹ã‚“ãŸã‚“ jQuery å…¥é–€ # Easing Chapter 04 ç¢ºã‹ãªåŸºç¤ŽåŠ›ã‚’é¤Šã† jQuery ã®åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ 01 ã•ã¾ã–ã¾ãªãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§å¦ã¶å‹•ãã®ã‚ã‚‹è¡¨ç¾ã®åŸºæœ¬ 02 ç”»åƒã¨ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã®è¡¨ç¾ 03 ä¸¸ã„ãƒœã‚¿ãƒ³ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ 04 è¦‹ãˆéš ã‚Œã™ã‚‹ã‚µã‚¤ãƒ‰ãƒãƒ¼ 05 ã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã®è¡¨ç¾ # Chaper 04 å®Œæˆç‰ˆ Chapter 05 æ´»ç”¨ã®å¹…ã‚’åºƒã’ã‚‹ jQuery ã®å¿…ä¿®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ 01 ãªã‚ã‚‰ã‹ãªå‹•ãã® ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ Basic 02 å¤šæ©Ÿèƒ½ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ Advanced 03 ã‚¹ãƒ†ã‚£ãƒƒã‚ãƒ¼ãƒ˜ãƒƒãƒ€ãƒ¼ Basic 04 ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¤‰åŒ–ã™ã‚‹ ã‚¹ãƒ†ã‚£ãƒƒã‚ãƒ¼ãƒ˜ãƒƒãƒ€ãƒ¼ Advanced 05 ç”»é¢é ˜åŸŸã‚’æœ‰åŠ¹æ´»ç”¨ã§ãã‚‹ã‚¿ãƒ– Basic 06 é«˜æ©Ÿèƒ½ã§æ‹¡å¼µã—ã‚„ã™ã„ã‚¿ãƒ– Advanced 07 ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ« Basic 08 æ‹¡
kabochao 2013/12/05
*jQuery
ãƒªãƒ³ã‚¯
Work Around Hack â€¢ ãƒ†ã‚ã‚¹ãƒˆãŒé †ç•ªã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆTextLayerAnimation.js
ãƒ†ã‚ã‚¹ãƒˆãŒé †ç•ªã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆTextLayerAnimation.js javascriptã§ãƒ†ã‚ã‚¹ãƒˆãŒé †ç•ªã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ã™ã€‚ è–„ã„è‰²ã‹ã‚‰æ¿ƒã„è‰²ã«å¤‰åŒ–ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ â€»å¾Œã»ã©ãƒšãƒ¼ã‚¸ã‚’ãƒ–ãƒ©ãƒƒã‚·ãƒ¥ã‚¢ãƒƒãƒ—ã—ã¾ã™ã€‚ [ã€€ãƒ‡ãƒ¢ã€€] http://lab.boy.jp/tla/ [ STEP 1 ]Â å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« <script src=â€http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src=â€http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> <script src=â€js/text.layer.animation.js"></script> [ STEP 2 ]Â HTML
kabochao 2013/12/03
*jQuery
ãƒªãƒ³ã‚¯
Loading...
kabochao 2013/11/20
ãƒ–ãƒã‚°

*jQuery
ãƒªãƒ³ã‚¯
æ±Žç”¨æ€§ã®é«˜ã„ã€jQueryã®å®šç•ªç³»ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã¾ã¨ã‚
å˜ä½“ã§ä½¿ã£ã¦ã‚‚ã„ã„ã—ã€ãã‚Œã‚’ä½¿ã£ã¦æ›´ã«é¢ç™½ã„ã‚‚ã®ã‚’ä½œã‚Šã ã™ã®ã«ã‚‚å½¹ç«‹ã¤jQueryã®å®šç•ªç³»ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã„ã¤ã‚‚ãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã°ã‹ã‚Šã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¦ã„ã‚‹ã®ã§ã€ãŸã¾ã«ã¯å®šç•ªç³»ã§æ±Žç”¨çš„ãªã‚‚ã®ã‚’ã€‚
kabochao 2013/08/15
*jQuery
ãƒªãƒ³ã‚¯
[JS]ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«åŠ é€Ÿã‚„ãƒã‚¦ãƒ³ãƒ‰ãªã©30ä»¥ä¸Šã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¸Žãˆã€ä½ç½®è£œæ£ã‚‚ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -AnimateScroll
ã€ŒEasing Effectã€ã«ã¯3ã¤ã®ãƒ‡ãƒ¢ãŒã‚ã‚Šã¾ã™ã€‚ ã€ŒeaseInOutBackã€ä¸€æ—¦é€†ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã€ç›®çš„åœ°ã‚’ã¡ã‚‡ã£ã¨ã ã‘é€šã‚Šã™ãŽã¦æˆ»ã£ã¦åˆ°ç€ã€‚ ã€ŒeaseOutBounceã€ç›®çš„åœ°ã«ã¤ãã¨ãƒã‚¦ãƒ³ãƒ‰ã§åˆ°ç€ã€‚ ã€ŒeaseOutElasticã€ã¯easeInOutBackã‚’ç´ æ—©ãã—ãŸæ„Ÿã˜ã§ã™ã€‚ AnimateScrollã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’headå†…ã«è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script src="//ajax.google apis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="animatescroll.js"> </head> Step 2: HTMLï¼ˆã‚¹ã‚¯ãƒãƒ¼ãƒ«å…ˆã®è¨å®šï¼‰ ã‚¹ã‚¯ãƒãƒ¼ãƒ«å…ˆã®è¦ç´ ã«idã‚„classã‚’ä»˜ä¸Žã—ã¾ã™ã€‚ â€»ãƒšãƒ¼
kabochao 2013/07/30
*jQuery
ãƒªãƒ³ã‚¯
jQuery ã®ä½ç½®ãƒ»ã‚µã‚¤ã‚ºé–¢é€£ãƒ¡ã‚½ãƒƒãƒ‰ã¾ã¨ã‚ - Cyokodog :: Diary
ã°ã‚‰ã‘ã¦ããŸã®ã§ã“ã¡ã‚‰ã«ã¾ã¨ã‚ã¾ã™ã€‚ ç´¢å¼• ä½ç½®ã®è¨å®š css(name,value) ä½ç½®ã®å–å¾— css(name) offset() position() scrollTop() / scrollLeft() event.pageY / event.pageX ã‚µã‚¤ã‚ºã®è¨å®š css(name,value) / height(value) / width(value) ã‚µã‚¤ã‚ºã®å–å¾— css(name) / height() / width() attr(clientHeight / offsetHeight / scrollHeight) outerHeight() / innerHeight() ã‚³ãƒ³ãƒ†ãƒŠè¦ç´ ã®å–å¾— offsetParent() è§£èª¬ ä½ç½®ã®è¨å®š css(name,value) å¯¾è±¡è¦ç´ ã‚’æŒ‡å®šã—ãŸä½ç½®ã«é…ç½®ã§ãã¾ã™ã€‚å˜ä½ã‚’çœç•¥ã—ãŸå ´åˆã¯ãƒ”ã‚¯ã‚»ãƒ«å˜ä½ã¨ãªã‚Šã¾ã™ã€‚ $('#
kabochao 2013/01/25
*jQuery
ãƒªãƒ³ã‚¯
ã‚µãƒ³ãƒ—ãƒ«ã¨ã‹
kabochao 2012/09/06
*jQuery
ãƒªãƒ³ã‚¯
Transit - CSS transitions and transformations for jQuery
Upgrading notes Upgrading from an older version? Transit should be mostly backward-compatible. See the change log for notes. Development version You may also download the development version which has spaces and comments preserved. Curious to see how it's made? See the annotated source code!
kabochao 2012/09/06
*jQuery
ãƒªãƒ³ã‚¯
http://depthcode.com/2010/11/fadebox.html
kabochao 2012/06/28
*jQuery
ãƒªãƒ³ã‚¯
jQueryã§ãƒ•ã‚©ãƒ¼ãƒ ã®å€¤ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ãŠãã®ã§ã€ã‚³ãƒ”ãƒšã§ã”åˆ©ç”¨ãã ã•ã„ã€‚ | Ginpen.com
å¿…è¦ãªã‚‰ã©ã†ãžã€‚ ãƒ‡ãƒ¢ jQueryã§ãƒ•ã‚©ãƒ¼ãƒ ã®å€¤ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚ â€“ jsdo.it â€“ Share JavaScript, HTML5 and CSS jQueryã§ãƒ•ã‚©ãƒ¼ãƒ ã®å€¤ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’ã¾ã¨ã‚ â€“ jsdo.it â€“ share JavaScript, HTML5 and CSS å…±é€šï¼šè¦ç´ ã®æŽ¢ã—æ–¹ inputè¦ç´ ãªã‚“ã‹ã«idæŒ¯ã£ã¡ã‚ƒã†ã®ãŒä¸€ç•ªãªã‚“ã ã‘ã©ã€å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚’ä½¿ã†ã¨æ¥½ãªå ´åˆãŒã‚ã‚Šã¾ã™ã€‚ã¤ã¾ã‚Š[name=xxx]ã§æ¤œç´¢ã™ã‚‹ã‚„ã‚Šæ–¹ã€‚ <form id="my-form"> <input type="text" name="my-text" value="This is text." /> </form>
kabochao 2012/05/28
*jQuery

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
[JS]ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚‚Appleé¢¨ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚‚OKã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã”ã¨ã«å‹•ä½œãŒè¨å®šã§ãã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ -Sequence.js
æ™®é€šã®ã‹ã£ã“ã„ã„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã ã‘ã§ãªãã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚’ä½¿ã£ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€Appleã®iPhoneãƒšãƒ¼ã‚¸ã«ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãªã©ã‚’ç°¡å˜ã«ã€ãã—ã¦ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ã«å®Ÿè£…ã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Sequence.js - The jQuery Slider Plugin with Infinite Style [ad#ad-2] Sequence.jsã®ç‰¹å¾´ Sequence.jsã®ãƒ‡ãƒ¢ Sequence.jsã®ä½¿ã„æ–¹ Sequence.jsã®ç‰¹å¾´ ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆå˜ä½ã§è¨å®šã§ãã‚‹CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã™ã€‚ ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã€‚ ã™ã¹ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã‚µãƒãƒ¼ãƒˆã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã®ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã‚’ã‚µãƒãƒ¼ãƒˆã€‚ å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚æ©Ÿèƒ½ã—ã¾ã™ã€‚ â€»IE7ã¨Firefox3.6ã§ã‚‚ãƒ†ã‚¹ãƒˆæ¸ˆã¿ã€‚ ã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã€‚ Responsive Web Des
kabochao 2012/02/21
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

javascript

*jQuery
ãƒªãƒ³ã‚¯
è¶…å®šç•ªã® jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã‚µãƒ³ãƒ—ãƒ«ã¨ä¸€ç·’ã«é›†ã‚ã¾ã—ãŸã€‚ï¼ˆå•†ç”¨åˆ©ç”¨OKãªã‚‚ã®å¤šã‚ï¼‰ | KAYAC DESIGNER'S BLOG - ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®è©±
è¶…å®šç•ªã®jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’åŽ³é¸ã—ã¦é›†ã‚ã¾ã—ãŸã€‚ å•†ç”¨åˆ©ç”¨ãŒå¯èƒ½ãªã‚‚ã®ã‚’å„ªå…ˆçš„ã«ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã„ã¾ã™ã€‚ ï¼ˆåˆ©ç”¨ã™ã‚‹éš›ã¯ãã‚Œãžã‚Œãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’ã”ç¢ºèªãã ã•ã„ãï¼‰ è¶…å®šç•ªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã‚’ç°¡å˜ã«æ‰±ãˆã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ jQuery.easing jQuery.easing
kabochao 2012/02/01
*jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
jQueryã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ éƒ¨å“æ“ä½œã®ãƒ¬ã‚·ãƒ” - ã‚€ã¤ã‚‰ã¤ã‚Œã¥ã‚Œ
ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ã‚„ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ãªã©ã®ãƒ•ã‚©ãƒ¼ãƒ éƒ¨å“ã¯ã€è«–ç†ãƒ¢ãƒ‡ãƒ«ã¨ã—ã¦ã¯å˜ç´”ãªnameã¨valueã®çµ„ã¿åˆã‚ã›ã§ã‚ã‚‹ã‚‚ã®ã®ã€jQueryã‚’ä»¥ã£ã¦ã—ã¦ã‚‚ç”»é¢ä¸Šã§ã¯çµ±ä¸€çš„ã«æ‰±ãˆãšã«æ„å¤–ã¨è‹¦åŠ´ã™ã‚‹ã€‚å¿˜ã‚ŒãŒã¡ãªã®ã§çºã‚ã¦ã¿ãŸã€‚ ãƒ•ã‚©ãƒ¼ãƒ éƒ¨å“å…±é€š ãƒ•ã‚©ãƒ¼ãƒ éƒ¨å“ï¼ˆã®jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆï¼‰ã‚’å–å¾—ã™ã‚‹ var obj = $('#target'); // idæŒ‡å®š var obj = $('.targets'); // classæŒ‡å®š var obj = $('input[@name=xxx]'); // nameæŒ‡å®š ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã€ãƒªã‚¹ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©åŒä¸€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã§å”¯ä¸€ãªã‚‚ã®ã«ã¯ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªidã‚’æŒ¯ã£ã¦ãŠãã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚„ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ãªã©åŒä¸€ã®nameè¦ç´ ã§è¤‡æ•°å˜åœ¨ã™ã‚‹ã‚‚ã®ã«ã¯ãã‚Œã‚‰ã§å…±é€šã®classã‚’æŒ¯ã£ã¦ãŠãã‹ã€nameè¦ç´ ã§æŒ‡å®šã™ã‚‹ã®ãŒç„¡é›£ã‹ã€‚ ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ï¼ˆinput[@type=t
kabochao 2012/01/13
*jQuery
ãƒªãƒ³ã‚¯
jQuery Easing Plugin
Example Click on any of the yellow headers to see the default easing method in action (I've set as easeOutBounce for the demo, just because it's obviously different). All done with a straight animate call, no need to specify the animation type at all. Select easing types for the demo first one for down, second one for up. Then click the clicker. Updates 12/11/07 1.3 jQuery easing now supports a de
kabochao 2012/01/08
jQuery

*jQuery
ãƒªãƒ³ã‚¯
ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒ«ãƒ¼ãƒ—ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery.simpleLoopSlider.jsã€
å…ˆæ—¥ä½œã£ãŸãƒ«ãƒ¼ãƒ—ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ã™ãŒã€ã›ã£ã‹ããªã®ã§ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‚ˆã‹ã£ãŸã‚‰ä½¿ã£ã¦ãã ã•ã„ã€‚ IE 6ã§ã‚‚å‹•ãã¨æ€ã„ã¾ã™ã€‚ jQuery.simpleLoopSlider.js DEMO jQuery.simpleLoopSlider.js ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯MITã§ã™ã€‚ ä½¿ã„æ–¹ã¾ãšã€jQuery.jsã¨jquery.simpleloopslider.jsã‚’èªã¿è¾¼ã¾ã›ã€ä»»æ„ã®è¦ç´ ã«é©ç”¨ã—ã¾ã™ã€‚ <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.simpleloopslider.js"></script> <script type="text/javascript"> $(function () { $('#myslider'
kabochao 2011/11/30
jQuery

*jQuery

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
JavaScriptã‚’ä½¿ã£ã¦ãƒ•ã‚©ãƒ¼ãƒ é …ç›®ã®è¡¨ç¤º/éžè¡¨ç¤ºã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ
ã“ã‚“ãªã“ã¨ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ãƒ•ã‚©ãƒ¼ãƒ ã®é …ç›®ãŒå¤šããªã‚ŠéŽãŽã¦ã—ã¾ã„ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ãã†ã¨æ€ã†æ™‚ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ãã‚“ãªæ™‚ã€æŠ¼ã—ãŸé …ç›®ã«ã‚ˆã£ã¦ãã®å¾Œã®å†…å®¹ã‚’å¤‰åŒ–ã•ã›ã‚Œã° é …ç›®ãŒæ¸›ã£ã¦è¦‹ãŸç›®ã‚‚ã‚¹ãƒƒã‚ãƒªãƒ»ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é›¢è„±ã‚‚åŠ¹æžœçš„ã«æŠ‘ãˆã‚‰ã‚Œã‚‹ã¯ãšã§ã™ã€‚ JavaScriptã¯ã‹ãªã‚Šã®åˆå¿ƒè€…ãªã®ã§å¿˜ã‚Œãªã„ã‚ˆã†ãƒ¡ãƒ¢ã—ã¦ã¿ã¾ã—ãŸã€‚ ã€ã‚µãƒ³ãƒ—ãƒ«ã€‘ä¾‹ãˆã°ãŠç”³ã—è¾¼ã¿ãƒ•ã‚©ãƒ¼ãƒ ã§â€¦ ãƒ»ã€åˆã‚ã¦ç”³ã—è¾¼ã‚€ã€‘ã‚’æŠ¼ã—ãŸæ™‚ã¯ã€ã€Œç´¹ä»‹è€…ã€å…¥åŠ›æ¬„ãƒ»ç‰¹å…¸ã‚’è¡¨ç¤ºã€‚ ãƒ»ã€2åº¦ç›®ä»¥é™ã®åˆ©ç”¨ã€‘ã‚’æŠ¼ã—ãŸæ™‚ã¯ã€ã€Œä¼šå“¡ç•ªå·ã€å…¥åŠ›æ¬„ã‚’è¡¨ç¤ºã€‚ åˆ©ç”¨æ–¹æ³• åˆã‚ã¦ç”³ã—è¾¼ã‚€ 2åº¦ç›®ä»¥é™ã®åˆ©ç”¨ ç´¹ä»‹è€… ç´¹ä»‹ã•ã‚ŒãŸæ–¹ã®ãŠåå‰ã‚’å…¥åŠ›ã—ã¦ãã ã•ã„ã€‚ ä¼šå“¡ç•ªå· ä¼šå“¡ç•ªå·ã‚’å…¥åŠ›ã—ã¦ãã ã•ã„ã€‚ ç‰¹å…¸:åˆã‚ã¦ã®æ–¹ã¯30%ã‚ªãƒ•ï¼ ã‚µãƒ³ãƒ—ãƒ«ã‚½ãƒ¼ã‚¹(ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³) HTML [html] åˆ©ç”¨æ–¹æ³• åˆã‚ã¦ç”³ã—è¾¼ã‚€ 2åº¦ç›®ä»¥é™ã®åˆ©ç”¨ ç´¹ä»‹è€… ç´¹ä»‹ã•ã‚ŒãŸæ–¹ã®ãŠåå‰ã‚’å…¥åŠ›ã—ã¦
kabochao 2011/10/19
*jQuery
ãƒªãƒ³ã‚¯
bxgalleryplugin.com - bxgalleryplugin
Voyager vers de nouvelles saveurs, câ€™est lâ€™une des faÃ§ons les plus agrÃ©ables dâ€™explorer le monde. Et pourquoi ne pas le faire au cÅ“ur de la...
kabochao 2011/10/15
*jQuery
ãƒªãƒ³ã‚¯
Galleriffic | A jQuery plugin for rendering fast-performing photo galleries
Usage Download the latest version of Galleriffic and jQuery 1.3 (also works with jQuery 1.2.6 ... use other versions of jQuery at your own risk) View the source of this page to see a full-featured example setup. All container selectors are optional, so you may choose to not include an area (such as the loading container or caption container). Here is an example of all the elements needed for a f
kabochao 2011/10/15
*jQuery
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸