[B! Web][JavaScript] coceloã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

cocelo id:cocelo

Webã¨JavaScriptã«é–¢ã™ã‚‹coceloã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

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

GitHub - ktty1220/jquery.popn-socialbutton: Twitter, Facebook, Google+1, ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯, Pocketã®ã‚«ã‚¹ã‚¿ãƒ ã‚·ã‚§ã‚¢ãƒœã‚¿ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
cocelo 2014/03/26
Web

Design

jQuery

JavaScript
ãƒªãƒ³ã‚¯
[JS]ãƒ‘ãƒãƒ«ã‚’æ–°èžã®ã‚ˆã†ã«éš™é–“ãªãè‡ªå‹•ã§é…ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Masonry
<textarea name="code" class="js" cols="60" rows="5"> $(function(){ $('#wrapper').masonry({ columnWidth: 200 }); }); </textarea>
cocelo 2009/12/11
JavaScript

Web

Design

jQuery
ãƒªãƒ³ã‚¯
Googleè£½Webãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ¸¬å®šãƒ„ãƒ¼ãƒ«Â·Speed Tracer MOONGIFT
Speed Tracerã¯Google Chromeå‘ã‘ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚Webã‚µã‚¤ãƒˆã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ¸¬å®šã™ã‚‹ã®ã¯Apacheã®abã‚’ã¯ã˜ã‚ã€æ§˜ã€…ãªãƒ„ãƒ¼ãƒ«ãŒå˜åœ¨ã™ã‚‹ã€‚ã ãŒæœ€è¿‘ã®Webã‚µã‚¤ãƒˆã§ã¯Ajaxã‚„JavaScriptã‚’æ´»ç”¨ã™ã‚‹ç‰ã€å˜ãªã‚‹ãƒªã‚¯ã‚¨ã‚¹ãƒˆé€ä¿¡ã ã‘ã§ã¯é©åˆ‡ãªãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ãŒé›£ã—ããªã£ã¦ã„ã‚‹ã€‚ Google Chromeã‚’ãŠä½¿ã„ã®é–‹ç™ºè€…ã¯ãœã² ãã“ã§GoogleãŒé–‹ç™ºã—ãŸã®ãŒSpeed Tracerã ã€‚Speed Tracerã¯Google Chromeã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã€GWTï¼ˆGoogle Web Toolkitï¼‰ã®2.0å…¬é–‹ã«åˆã‚ã›ãŸãƒ„ãƒ¼ãƒ«ã¨ã—ã¦æä¾›ã•ã‚Œã‚‹ã“ã¨ã«ãªã£ãŸã€‚Google Chromeã‚’ä½¿ã£ã¦ã„ã‚‹é–‹ç™ºè€…ã¯ãœã²ä½¿ã£ã¦ã¿ã‚ˆã†ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã¨ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã®æ¨ªã«ç·‘ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€‚ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒ¢ãƒ‹ã‚¿ãƒ¼ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ãŒé–‹ãã€è¨ˆæ¸¬ãŒé–‹å§‹ã™
cocelo 2009/12/11
Google

JavaScript

Web

Design

Performance
ãƒªãƒ³ã‚¯
MEGAUPLOADã‹ã‚‰ç°¡å˜ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰
MEGAUPLOADã§ã¯ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹æ™‚ã«ã€4æ–‡å—ã®CAPTCHAã®å…¥åŠ›ã¨45ç§’ã®å¾…ã¡æ™‚é–“ã‚’è¦æ±‚ã•ã‚Œã‚‹ã€‚ãŒã€URLã«ã¡ã‚‡ã£ã¨ç´°å·¥ã™ã‚‹ã¨ãã‚Œã‚‰ã‚’ã™ã£é£›ã°ã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã“ã¨ã‚’çŸ¥ã£ãŸã®ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ã—ã¦ã¿ãŸã€‚å†…å®¹ã¯ä¸€è¡Œã€‚ URLã®ç´°å·¥ã¯ã‚‚ã®ã™ã”ãç°¡å˜ãªã‚‚ã®ã§ã€å…ƒã®URLãŒã€ http://www.megaupload.com/?d=XXXXXXXX ãªã‚‰ã€ http://www.megaupload.com/mgr_dl.php?d=XXXXXXXX ã¨å¤‰æ›´ã™ã‚‹ã ã‘ã€‚ã“ã†ç´°å·¥ã™ã‚‹ã¨CAPTCHAã®å…¥åŠ›ã¨å¾…ã¡æ™‚é–“ã‚’ã¾ã¨ã‚ã¦é£›ã°ã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãŒå§‹ã¾ã‚‹(ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã®ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹å¿…è¦ã™ã‚‰ãªã„)ã€‚ã‹ãªã‚Šå‰ã‹ã‚‰ã‚ã£ãŸã¿ãŸã„ã€‚ MEGAUPLOADã¸ã®ãƒªãƒ³ã‚¯ã‚’è¦‹ã¤ã‘ãŸã‚‰æ›¸ãæ›ãˆã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¨ã‹ã§ã‚‚è‰¯ã„ã¨æ€ã†ã€‚æ›¸ãã¨ã—ãŸã‚‰ã“ã‚“ãªæ„Ÿã˜ï¼Ÿ Array.forEach
cocelo 2009/12/05
JavaScript

Web

GreaseMonkey
ãƒªãƒ³ã‚¯
select ãƒœãƒƒã‚¯ã‚¹ã‚’è¶…ä¾¿åˆ©ã«ã—ã¦ãã‚Œãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å‘ä¸Šã«ä½¿ãˆã‚‹ã€ŒjQselectableã€:phpspoté–‹ç™ºæ—¥èªŒ
select ãƒœãƒƒã‚¯ã‚¹ã‚’è¶…ä¾¿åˆ©ã«ã—ã¦ãã‚Œãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å‘ä¸Šã«ä½¿ãˆã‚‹ã€ŒjQselectableã€ãŒGoogle Codeã«å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ jQã¨ã„ã†ã ã‘ã‚ã£ã¦å½“ç„¶ãªãŒã‚‰jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®å½¢å¼ã§ã™ã€‚ é©ç”¨å‰ã®æ™®é€šã®Select ãƒœãƒƒã‚¯ã‚¹ãŒä¾¿åˆ©ã«å¤‰åŒ–ã—ã¾ã™ éƒ½é“åºœçœŒã®ç¸¦ã«é•·ã‹ã£ãŸã‚‚ã®ãŒæ¨ªæ–¹å‘ã«è¶…åˆ†ã‹ã‚Šã‚„ã™ãè¡¨ç¤º æ—¥ä»˜ã‚‚æ¬¡ã®ã‚ˆã†ã«è¶…åˆ†ã‹ã‚Šã‚„ã™ã„ã‚»ãƒ¬ã‚¯ãƒˆã«ã€‚ç¸¦ã«é•·ã„ã®ã¨ã¯ã‚‚ã†ã‚ªã‚µãƒ©ãƒã§ããã†ã§ã™ã€‚ æ›´ã«ã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã«ã‚ˆã£ã¦ã‚¯ãƒªãƒƒã‚¯ã—ãŸå¾Œã®å‹•ä½œã‚‚å®šç¾©ã§ãã‚‹ã£ã½ã„ã§ã™ã€‚ ã¯ã˜ã‚ã‹ã‚‰æ—¥æœ¬å¯¾è±¡ã¨ã„ã†ç‚¹ã§ã‚‚ä½¿ã„ã‚„ã™ã„ã§ã™ãã€‚ å®Ÿè£…ã‚‚ã€jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã®ã§è¶…ä½¿ã„ã‚„ã™ã„ã§ã™ã€‚ æ¬¡ã®ã‚ˆã†ã«åˆæœŸåŒ–ã™ã‚‹ã ã‘ã®ã‚ˆã†ã§ã™ã€‚ $(".simpleBox").jQselectable({ set: "fadeIn", setDuration: "fast", opacity: .9 }); ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆ
cocelo 2009/11/22
Web

Design

jQuery

JavaScript
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã‚’ä½¿ã£ã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã‚„ã™ãã™ã‚‹Â·CodeMirror MOONGIFT
CodeMirrorã¯JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚Webãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã®è²§å¼±ã•ã¯è¨€ã†ã«äº‹æ¬ ã‹ãªã„ã€‚ãƒ¡ãƒ¢å¸³ãƒ¬ãƒ™ãƒ«ã®æ©Ÿèƒ½ã—ã‹ãªãã€ã¨ã¦ã‚‚ä½¿ã„å‹æ‰‹ãŒæ‚ªã„ã€‚HTMLã‚’ä½œæˆã™ã‚‹å ´åˆã¯WYSIWYGãªã‚¨ãƒ‡ã‚£ã‚¿ã«å¤‰æ›ã™ã‚‹CKEditorã®ã‚ˆã†ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚‚å˜åœ¨ã™ã‚‹ãŒã€Webãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã—ãŸã„ã¨æ€ã†ã‚ˆã†ãªæ©Ÿèƒ½ã¯ãªã„ã€‚ ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆ ã‚‚ã—Webä¸Šã§é–‹ç™ºè€…å‘ã‘ã®ã‚µãƒ¼ãƒ“ã‚¹ã‚„ç’°å¢ƒã‚’æä¾›ã—ã‚ˆã†ã¨æ€ã†ãªã‚‰CodeMirrorã‚’ä½¿ã£ã¦ã¿ã‚‹ã¨ã„ã„ã ã‚ã†ã€‚CodeMirrorã¯ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã‚’é–‹ç™ºã®ã—ã‚„ã™ã„ã‚¨ãƒ‡ã‚£ã‚¿ç’°å¢ƒã«å¤‰åŒ–ã•ã›ã¦ãã‚Œã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã ã€‚ä¾‹ãˆã°JavaScript/HTML/CSS/Python/Rubyã¨ã„ã£ãŸè¨€èªžå‘ã‘ã«ãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºã™ã‚‹æ©Ÿèƒ½ãŒã‚ã‚‹ã€‚ ãã‚Œã‚‰ã¯å„è¨€èªžå‘ã‘ã®CSSã¨JavaScriptã§ä½œã‚‰ã‚ŒãŸãƒ‘ãƒ¼ã‚µãƒ¼ã«ã‚ˆã£ã¦ä½œã‚‰ã‚Œã¦ã„ã‚‹ã€‚ã¾ãŸ
cocelo 2009/10/23
Web

Programing

JavaScript

HTML

CSS

Python

Ruby
ãƒªãƒ³ã‚¯
[JS]jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³33+1é¸ -2009å¹´2æœˆ
ç´¹ä»‹æ¸ˆã¿ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³34é¸ã§ã™ã€‚ Accessible News Slider ã‚¹ãƒ ãƒ¼ã‚ºãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ°—æŒã¡ã„ã„ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ–ãƒ«ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€‚ Easy Slide
cocelo 2009/02/10
JavaScript

jQuery

Web

Design
ãƒªãƒ³ã‚¯
aplus ADxMenu
Download v4 4 basic examples (updated on Apr 17th, 2008) IE6 helper script ADxMenu.js 4.20 (included in the .zip above) Free to use, Public Domain now. Features Simplest possible HTML Simplest possible maintenance Ready-made CSS for basic work Helps reduce simple errors by including a safe zone (30px) around the menu - if your mouse slips slightly away from the menu, it will not disappear Visual d
cocelo 2009/02/07
Web

Design

JavaScript

CSS

Navigation
ãƒªãƒ³ã‚¯
Create an apple style menu and improve it via jQuery - Kriesi.at - Premium WordPress Themes
Create an apple style menu and improve it via jQuerySince I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of kriesi.at. (a so called kwicks menu) The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done. Since the Apple-flavored Leopard-text-in
cocelo 2009/02/07
Web

Design

JavaScript

jQuery

CSS

Navigation
ãƒªãƒ³ã‚¯
jQueryã‚„CSSã‚’ä½¿ã£ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼300é¸ â€“ creamu
ã‹ã£ã“ã„ã„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ã•ãã£ã¨å®Ÿè£…ã—ãŸã„ã€‚ ãã‚“ãªã‚ãªãŸã«ãŠã™ã™ã‚ãªã®ãŒã€ã€Ž300+ Jquery, CSS, MooTools and JS navigation menusã€ã€‚jQueryã‚„CSSã‚’ä½¿ã£ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼300é¸ã ã€‚ ä»¥ä¸‹ã«ã„ãã¤ã‹ã”ç´¹ä»‹ã€‚ Â» Fancy menu ã‹ã£ã“ã„ã„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ Â» Amazing apple style navigation menu Appleã®ã‚µã‚¤ãƒˆã®ã‚ˆã†ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ä½œã‚Šæ–¹ã€‚â†‘ã®ã‚ãƒ£ãƒ—ãƒãƒ£ã¯ã“ã¡ã‚‰ Â» jQuery idTabs 8ã¤ã®ã‚¯ãƒ¼ãƒ«ãªjQueryãƒ¡ãƒ‹ãƒ¥ãƒ¼ Â» navigation-3 ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©4ã¤ã®ä¾‹ Â» block-navigation CSSãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼9é¸ ãã®ä»–ã®ãƒªã‚¹ãƒˆã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Â» 300+ Jquery, CSS, MooTools and JS na
cocelo 2009/02/07
Web

Design

JavaScript

Ajax

jQuery

CSS
ãƒªãƒ³ã‚¯
ã¾ã¡ã‚…ãƒ€ã‚¤ã‚¢ãƒªãƒ¼ - ç¿’ä½œ , EUC-JP ã¨ UTF-8 [Ajax]
cocelo 2009/02/06
Web

JavaScript

Ajax
ãƒªãƒ³ã‚¯
[JS]ãƒšãƒ¼ã‚¸ã‚’ãºã‚ã£ã¨ã‚ãã‚‹ã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¤ã‘ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Page Peel
ãƒšãƒ¼ã‚¸ã‚’ãºã‚ã£ã¨ã‚ãã‚‹ã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¤ã‘ã€ãã®ä¸‹ã«åºƒå‘Šãªã©ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€ŒPage Peelã€ã‚’Smpleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ jQuery Plugin Page Peel demo ãƒšãƒ¼ã‚¸ãŒã‚ãã‚Œã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯Flashã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ã‚¹ãƒ ãƒ¼ã‚ºã«å‹•ä½œã—ã¾ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§ã¯ã€ãƒšãƒ¼ã‚¸ç®‡æ‰€ã®ã‚µã‚¤ã‚ºã€ãƒšãƒ¼ã‚¸ã®é…ç½®å ´æ‰€ã€ãƒšãƒ¼ã‚¸ã®Flashãƒ»ç”»åƒãªã©ã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¯ã€fla, psdãƒ•ã‚¡ã‚¤ãƒ«ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ Page Peelã¯jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãŸã‚ã€å®Ÿè£…ã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚
cocelo 2009/02/05
Web

Design

JavaScript

Ajax
ãƒªãƒ³ã‚¯
[JS]ã“ã‚Œæœ€å¼·ã‹ã‚‚ã®ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -BeautyTips
ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚‚ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã ã‘ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ã§ã€å¯¾å¿œãƒˆãƒªã‚¬ãƒ¼ã‚‚è±Šå¯Œãªãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€ŒBeautyTipsã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ BeautyTips demo BeautyTipsã¯æ©Ÿèƒ½ãŒè±Šå¯Œã¨ã„ã†ã ã‘ã§ãªãã€ãƒ†ã‚ã‚¹ãƒˆã‚„ç”»åƒã€AJAXã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¡¨ç¤ºã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®è¡¨ç¤ºä½ç½®ã®è‡ªå‹•è£œæ£ãªã©åŸºæœ¬æ€§èƒ½ã‚‚ã—ã£ã‹ã‚Šã¨æŠ‘ãˆã‚‰ã‚Œã¦ãŠã‚Šã€ãƒ•ã‚©ãƒ¼ãƒ ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¸ã®è¡¨ç¤ºã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—å…ƒã®å¤‰æ›´ãªã©ã‚‚å¯èƒ½ã§ã™ã€‚ ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã¯canvasã§æã‹ã‚Œã¦ãŠã‚Šã€ç”»åƒã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯IE6.x+, Fx3.x, Op8+, Safari3.xã¨ã®ã“ã¨ã§ã€canvaséžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã«ã¯ExplorerCanvasãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãŸã€IE6ã®z-indexã¸ã®å¯¾å¿œã«bgiframeã€ãƒ›ãƒãƒ¼å‡¦ç†ã«hoverIntentãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ â€»Chrome 1, Fx2ã§
cocelo 2009/02/05
Web

Design

JavaScript

Ajax

jQuery
ãƒªãƒ³ã‚¯
[JS]å‹•ä½œãŒè»½å¿«ãªãƒ‘ãƒãƒ«ã‚’æ°´å¹³ãƒ»åž‚ç›´ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Easy Slider
ãƒªã‚¹ãƒˆè¦ç´ ã®ãƒ‘ãƒãƒ«ã‚’ã‚¹ãƒ ãƒ¼ã‚ºãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€ŒEasy Sliderã€ã‚’css globeã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Easy Slider 1.5 demo ãƒ‘ãƒãƒ«ã«ã¯ç”»åƒã‚„ãƒ†ã‚ã‚¹ãƒˆãªã©ã‚’é…ç½®ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ã¯ãƒ†ã‚ã‚¹ãƒˆãƒ™ãƒ¼ã‚¹ã®ã‚‚ã®ã‚„ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªã‚‚ã®ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ demo 1ï¼ˆã‚¹ã‚¿ã‚¤ãƒ«ã¯ç„¡ã—ï¼‰ demo 2ï¼ˆã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ï¼‰ demo 3ï¼ˆã‚¹ã‚¿ã‚¤ãƒ«ç„¡ã—ã§åž‚ç›´æ–¹å‘ã«ï¼‰ demo 4ï¼ˆã‚¹ã‚¿ã‚¤ãƒ«é©ç”¨ã€è‡ªå‹•ã‚¹ãƒ©ã‚¤ãƒ‰ï¼‰ demo 5ï¼ˆè¤‡æ•°ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’è¨ç½®ï¼‰ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§ã¯ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã®ã‚¹ãƒ”ãƒ¼ãƒ‰ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã®è‡ªå‹•ãƒ»æ‰‹å‹•ã€ãƒãƒ¼ã‚ºã®æ™‚é–“ãªã©ã‚’èª¿æ•´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Easy Sliderã¯jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãŸã‚ã€å®Ÿè£…ã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚
cocelo 2009/02/05
Web

Design

JavaScript

jQuery
ãƒªãƒ³ã‚¯
[JS]HTMLã‚’æ±šã•ãªã„ã§å®Ÿè£…ã§ãã‚‹ã€ã‚·ãƒ³ãƒ—ãƒ«ã§ã‚¯ãƒ¼ãƒ«ãªãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Simpletip
<textarea name="code" class="css" cols="60" rows="5"> .tooltip{ display: none; position: absolute; padding: 10px 13px; z-index: 2; background-color: #f5f5b5; border: 1px solid #DECA7E; font-size: 12px; line-height: 18px; text-align: center; } </textarea>
cocelo 2009/02/05
Web

Design

JavaScript

Ajax

jQuery
ãƒªãƒ³ã‚¯
1