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

gagegogi id:gagegogi

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

${{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ã§ãƒ„ã‚¤ãƒ¼ãƒˆæ•°ã€ã¯ã¦ãƒ–æ•°ã€ã„ã„ãæ•°ã‚’å–å¾—ã—ã¦è‡ªç”±ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ–¹æ³• | ã‚¢ãƒ³ã‚®ã‚¹
æ³¨æ„â€»Twitterã®ãƒ„ã‚¤ãƒ¼ãƒˆæ•°ã®å–å¾—ã®ã‚³ãƒ¼ãƒ‰ã«ã¤ã„ã¦ ã“ã®è¨˜äº‹ã®ã‚³ãƒ¼ãƒ‰ã§ã¯å¾Œæ—¥ã€ãƒ„ã‚¤ãƒ¼ãƒˆæ•°ã®å–å¾—ãŒã§ããªããªã‚‹ã¨ã”æŒ‡æ‘˜ã„ãŸã ãã¾ã—ãŸã€‚ç¢ºèªã—ãŸã¨ã“ã‚2013å¹´5æœˆ7æ—¥ã«è¡Œã‚ã‚Œã‚‹Twitterã®ä»•æ§˜å¤‰æ›´ã«ã‚ˆã‚Šãƒ„ã‚¤ãƒ¼ãƒˆæ•°ã®å–å¾—ãŒã§ããªããªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ï¼ˆãã‚Œã«ã¤ã„ã¦ã®è¨˜äº‹ï¼‰ãã®ä»–ã¯ã¦ãƒ–ã€ã„ã„ãæ•°ã®ã‚³ãƒ¼ãƒ‰ã«ã¤ãã¾ã—ã¦ã¯æ£å¸¸ã«å‹•ä½œã—ã¾ã™ã€‚å•é¡Œã®ã‚³ãƒ¼ãƒ‰ã¯ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦æ®‹ã—ã¦ãŠãã¾ã™ãŒã€ã”åˆ©ç”¨ã®éš›ã¯ãã‚Œãã‚Œã‚‚ã”æ³¨æ„ãã ã•ã„ã€‚ä»Šå›žã®ä»¶ã«ã¤ã„ã¦ã”æŒ‡æ‘˜ãã ã•ã£ãŸæ–¹ã€…ã«å¾¡ç¤¼ç”³ã—ã‚ã’ã¾ã™ã€‚ãã—ã¦ã€ã™ã¹ã¦ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ–¹ã€…ã«ä¸ç¢ºã‹ãªæƒ…å ±ã‚’æä¾›ã—ã¦ã—ã¾ã£ãŸã“ã¨ã‚’ãŠè©«ã³ç”³ã—ã‚ã’ã¾ã™ã€‚ ã•ã‚‰ã«è¿½è¨˜â€»Twitter APIã®ä»•æ§˜å¤‰æ›´ã«ã¤ã„ã¦ Twitter APIã®ä»•æ§˜å¤‰æ›´å¾Œã‚‚ã“ã®ã‚³ãƒ¼ãƒ‰ã§å‹•ä½œã—ç¶šã‘ã¦ã„ã¾ã™ã€‚ã‚‚ã¨ã‚‚ã¨APIã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«ã‚‚è¼‰ã£ã¦ã„ã¾ã›ã‚“ã—ã„ã¤ä»•æ§˜ãŒå¤‰æ›´ã•ã‚Œã‚‹ã‹ã‚ã‹ã‚Šã¾ã›ã‚“ã€‚ã”åˆ©ç”¨ã®éš›ã¯ãã‚Œãã‚Œã‚‚æ°—ã‚’ã¤
gagegogi 2013/06/03
jquery

ã‚ã¨ã§èªã‚€

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è¡¨ç¤ºã™ã‚‹ç³»ã„ã‚ã„ã‚
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è¡¨ç¤ºã™ã‚‹ç³»ã„ã‚ã„ã‚ æœ€è¿‘ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãã«ã„ã‚ã„ã‚ä»•æŽ›ã‘ã‚’ã™ã‚‹ã®ãŒæµè¡Œãªã‚ˆã†ã§ã™ã€‚ ã“ã“ã§ã¯ã‚·ãƒ³ãƒ—ãƒ«ã«ã‚ã‚‹è¦ç´ ã®ä½ç½®ã¨ã‹æœ€ä¸‹éƒ¨ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‚‰ä½•ã‹è¡¨ç¤ºã™ã‚‹ã¨ã„ã†ã“ã¨ã‚’ã‚„ã£ã¦ã¿ã¾ã™ã€‚ æŠ•ç¨¿æ—¥2012å¹´03æœˆ08æ—¥ æ›´æ–°æ—¥2019å¹´12æœˆ19æ—¥ ã¡ã‚‡ã£ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ•ã‚§ãƒ¼ãƒ‰ã—ã¦ã€Œãƒˆãƒƒãƒ—ã¸æˆ»ã‚‹ãƒœã‚¿ãƒ³ã€ã‚’è¡¨ç¤ºã‚’è¡¨ç¤ºã—ã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã¯ä¸‹ã®æ–¹ã«ã“ã‚“ãªæ„Ÿã˜ã§é…ç½®ã—ã¾ã™ã€‚ html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedã«ã™ã‚‹ã¨å›ºå®šé…ç½®ã•ã‚Œã¾ã™ã€‚ css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
gagegogi 2012/03/08
ä¸åº¦èª¿ã¹ã¦ãŸ

jQuery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
New York
New York Gallery Picture by Alessandro Artini Paused Sounds
gagegogi 2011/08/01
jQuery

ã“ã‚Œã¯ã™ã”ã„

è¶…çµ¶ã‹ã£ã“ã„ã„ã‚µã‚¤ãƒˆex
ãƒªãƒ³ã‚¯
jqueryã¨DOMã‚’ä½¿ã£ã¦è¦‹å‡ºã—ãŒã‚¯ãƒªãƒƒã‚¯ã•ã‚Œã‚‹ã¨å¯¾å¿œã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ï½œstudio-benkei[ã‚¹ã‚¿ã‚¸ã‚ªãƒ™ãƒ³ã‚±ã‚¤]
JavaScript â–¼ $(function (){ para1 = document.getElementById('news1Paragraph'); para2 = document.getElementById('news2Paragraph'); para1.style.display = 'none'; para2.style.display = 'none'; $("#news1Title").click(function(){ $("#news1Paragraph").toggle(); }); $("#news2Title").click(function(){ $("#news2Paragraph").toggle(); }); }); HTML â–¼ <h2 id="news1Title" class="pointer">ã“ã¡ã‚‰ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ä¸‹ã•ã„ã€‚â–¼</h2> <u
gagegogi 2011/05/07
jquery

javascript

html
ãƒªãƒ³ã‚¯
ç‰¹ç•°ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãƒ•ã‚©ãƒ¼ãƒ ã‚’è¡¨ç¤ºã—ãŸã‚Šéš ã—ãŸã‚Šã™ã‚‹JavaScript
ãªã‚“ã‹ã‹ã£ã“ã„ã„ã€‚ ãŸã ãã‚Œã ã‘ã®ç†ç”±ã§ç´¹ä»‹ã—ã¾ã™ã€‚ jQueryã‚’ã¤ã‹ã£ã¦ã€ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä¸Šéƒ¨ã«éš ã™ã£ã¦ã„ã†ã€ã„ã‚ã‚†ã‚‹å®šç•ªãªå‹•ä½œãªã‚“ã§ã™ã‘ã©ã€ãã®ç¾ã‚Œæ–¹ãŒãªã‚“ã ã‹é¢ç™½ã‹ã£ãŸã€‚ jQueryå‹•ä½œã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã¯ä»¥ä¸‹ ã“ã“ã®å³ä¸Šã®ã‚¿ãƒ–ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒ»ãƒ»ãƒ» â†“ ãƒ‹ãƒ§ã‚ã£ã¨ç¾ã‚Œã¾ã™ã€‚ ç¾ã‚Œæ–¹ã¯ã¯ãã‚‹ã‚ˆã†ãªæ„Ÿã˜ã€‚ã‚µãƒ³ãƒ—ãƒ«ã§å‹•ä½œç¢ºèªã—ã¦ã¿ã‚‹ã¨ã™ãã‚ã‹ã‚Šã¾ã™ã€‚ Contact Us Slide-Out Demo ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã§ã€‚ jQueryã®è£œè¶³ CSSã¨jquery.easing.1.3.jsã€contact.jsã‚’èªã¿è¾¼ã‚‚ã†ã€‚jqueryjsè‡ªä½“ã¯Googleã‹ã‚‰èªã¿è¾¼ã‚€æ–¹æ³•ãŒè¨˜ã•ã‚Œã¦ã„ã¾ã™ã€‚ <link rel="stylesheet" href="contact.css"/> <script src="http://jqueryjs.googlecode.com/files/jquery-1
gagegogi 2011/05/07
Webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

jquery

javascript

css

Webåˆ¶ä½œ

ã‚ã¨ã§èªã‚€

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
CSS Spriteã‚’æ´»ç”¨ã—ã‚ˆã† - DesignWalker
gagegogi 2011/05/07
ã‚ã‹ã‚Šã‚„ã™ã„ã§ã™ï¼

css

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

css sprite

webåˆ¶ä½œ

jquery
ãƒªãƒ³ã‚¯
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãƒ™ã‚¹ãƒˆãƒˆãƒ¬ãƒ³ãƒ‰ç·ã¾ã¨ã‚2010*ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹äººã®ãƒã‚¿å¸³
ã‚‚ã¯ã‚„ã“ã®æ¥ç•Œã§ã¯ã‹ãªã‚Šæµ¸é€ã—ã¤ã¤ã‚ã‚‹jQueryã€‚ ä»Šå›žã¯ãã‚“ãªjQueryã«ã‚¹ãƒãƒƒãƒˆã‚’å½“ã¦ã€æœ¬å¹´åº¦ç´¹ä»‹ã•ã‚ŒãŸä¸ã§ã‚‚ã€ãƒ›ãƒƒãƒˆãªãƒˆãƒ¬ãƒ³ãƒ‰ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ â€»ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¤ã‹ã£ã¦ãªã„ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ ï¼‘ï¼‰3Dè¡¨ç¤ºãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ ä»Šå¹´ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨è¨€ãˆã°3Dã€‚ ã¨ã„ã†ã‚ã‘ã§ã“ã¡ã‚‰ã€‚ã¾ãšã¯ã‚µãƒ³ãƒ—ãƒ«ãƒ‡ãƒ¢ã‚’ç¢ºèªã€‚ è§¦ã£ã¦ã‚ã‹ã‚‹é€šã‚Šã§ã™ãŒã€2æžšã®ç”»åƒãŒ3Dè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ å‘¼ã³å‡ºã™ $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
gagegogi 2011/05/07
ä»Šæ›´ã ã‘ã©ã™ã’ãˆãˆãˆ

ã¾ã¨ã‚

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

jQuery

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

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
[JS]ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›æ™‚ã«ãƒ©ãƒ™ãƒ«ãŒã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Sliding Labels
ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›æ™‚ã«ã€å…¥åŠ›æ¬„ã«é…ç½®ã•ã‚ŒãŸãƒ©ãƒ™ãƒ«ãŒæž å¤–ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç§»å‹•ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’CSS Karmaã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Form Design with Sliding Labels ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ã‚¯ãƒ¼ãƒ«ã§ã™ãŒã€ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã£ãã‚Šã§ãã‚‹ã®ã‚‚ã“ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®å¤§ããªç‰¹é•·ã§ã™ã€‚ é€šå¸¸ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®é©ç”¨ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®é©ç”¨ã¨ä¸‰æ®µéšŽã‚’æ¯”ã¹ã¦ã¿ã¾ã™ã€‚
gagegogi 2011/05/07
ã‚«ãƒƒã‚³ã„ã„ï¼ï¼ï¼

jQuery

javascript

ãƒ•ã‚©ãƒ¼ãƒ

å‚è€ƒ

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1