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

sgw_spt id:sgw_spt

jQueryã«é–¢ã™ã‚‹sgw_sptã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

RedLine Magazine : jQueryã§ãƒªã‚¹ãƒˆã‚’é–‹é–‰ã•ã›ãŸã„
jQueryã§ãƒªã‚¹ãƒˆã‚’é–‹é–‰ã•ã›ãŸã„ ã“ã¡ã‚‰ã®è¨˜äº‹ã€ã‚µãƒ³ãƒ—ãƒ«ã‚’æ‹è¦‹ã—ã¦ã€‚ Css Globe - Sit emap Styler: Style your Sit emaps with CSS and Javascript è‹±æ–‡ãªã®ã ãŒã€ä¸Šè¨˜ãƒšãƒ¼ã‚¸ã®ã€ŒExamplesã€ã®éƒ¨åˆ†ã®å„ã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã‚Œã°ä½•ãŒã—ãŸã„ã‹ã¯ã™ãã«åˆ†ã‹ã‚‹ã¨æ€ã†ã€‚ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ã ã‘ã§ãªãã€ã„ã‚ã‚“ãªå ´æ‰€ã§ä½¿ãˆãã†ã€‚å‹•ãã‚‚æ°—æŒã¡ã„ã„ã—ã€æ˜¯éžä½¿ã£ã¦ã¿ãŸã„ã¨æ€ã£ãŸã®ã ãŒã€å®Ÿéš›ä½¿ã£ã¦ã¿ã‚‹ã¨ãƒ€ãƒ€ãƒ¼ã¨ä¸‹éšŽå±¤ã®ulãƒªã‚¹ãƒˆã‚’é–‹ããŸã‚ã«ã¯å·¦ã®ã€Œ+ã€ãƒžãƒ¼ã‚¯ã‚’çš„ç¢ºã«ãƒãƒã£ã¨ã—ãªã„ã¨ã„ã‘ãªã„ã€‚ã¾ãŸjsç„¡åŠ¹ã®éš›ã€ä¸‹éšŽå±¤ã®ulãƒªã‚¹ãƒˆã¯CSSå´ã§ã€Œdisplay:none;ã€ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€ãã®ã¾ã¾ã§ã¯ä¸èº«ãŒè¡¨ç¤ºã•ã‚Œãªã„ã€‚ ã˜ã‚ƒã‚ãã‚Œã€jQueryã§ã‚„ã£ã¦ã¿ã‚ˆã†ã€‚ ã‚‚ã†å°‘ã—è‡ªåˆ†å¥½ã¿ãªæ„Ÿã˜ã«ã§ããªã„ã‹ãªãƒ¼ã¨ã„ã†ã“ã¨ã§ã€jQueryã§ã‚„ã£ã¦ã¿ã‚‹ã“ã¨ã«ã—ãŸã€‚å¯¾è±¡ã¨ãªã‚‹ãƒš
sgw_spt 2009/01/21
ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³é–‹é–‰

jQuery

library

javascript
ãƒªãƒ³ã‚¯
[JS]ã‹ã‚ã„ã„æ„Ÿã˜ã«ç”»åƒã‚’æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -prettyPhoto
prettyPhotoã¯ã€è§’ä¸¸ã®ã‹ã‚ã„ã„æ„Ÿã˜ã®ãƒ•ãƒ¬ãƒ¼ãƒ ã‚„ãƒ‘ãƒ¼ãƒ„ã‚’ä½¿ç”¨ã—ãŸã€ç”»åƒã‚’æ‹¡å¤§è¡¨ç¤ºã™ã‚‹Lightboxé¢¨ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ prettyPhoto èƒŒæ™¯è‰²ã€æ‹¡å¤§è¡¨ç¤ºæ™‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ™‚ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒœã‚¿ãƒ³ãªã©ä»–ã®Lightboxé¢¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚ˆã‚Šã‹ã‚ã„ããƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ã¾ã™ã€‚ prettyPhotoã§ç”»åƒã‚’æ‹¡å¤§è¡¨ç¤ºã™ã‚‹ã«ã¯ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦ã€ç”»åƒç®‡æ‰€ã«ä¸‹è¨˜ã®ã‚ˆã†ã«relå±žæ€§ã«ã€ŒprettyOverlay(ä¸€æžšç”¨)ã€ã€ŒprettyOverlay(ã‚®ãƒ£ãƒ©ãƒªãƒ¼ç”¨)ã€ã‚’è¨˜è¿°ã—ã¾ã™ã€‚ <textarea name="code" class="html" cols="60" rows="5"> <a href="fullscreen.jpg" rel="prettyOverlay" title="ç”»åƒã®èª¬æ˜Ž"><img src="thumbnails.jpg" alt="
sgw_spt 2009/01/21
jQuery

ajax

library
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
sgw_spt 2009/01/21
ã€Žè‡ªåˆ†ã§ãŒã—ãŒã—ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚ã§ãã¾ã™ã—ã€ä»–ã®äººãŒã¤ãã£ãŸã‹ã£ã“ã„ã„ãƒ†ãƒ¼ãƒžã‚’æ‹å€Ÿã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ã€

jQuery

ajax

library

webdesign
ãƒªãƒ³ã‚¯
â˜…[JS]çœã‚¹ãƒšãƒ¼ã‚¹ã«ã‚‚æœ€é©ãªã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆé›† | ã‚³ãƒªã‚¹
WebTeckerã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€jQueryã‚„Prototypeã‚„MooToolsãªã©ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ç”¨ã™ã‚‹ã‚‚ã®ã‚„ã€å˜ç‹¬ã§å‹•ä½œã™ã‚‹ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Great Accordion Scripts
sgw_spt 2009/01/21
ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã„ã‚ã„ã‚ã€‚

javascript

ajax

jQuery

library
ãƒªãƒ³ã‚¯
ç¬¬2å›žã€€Lightboxé¢¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ãƒ€ã‚¤ã‚¢ãƒã‚°è¡¨ç¤ºï¼ˆ1ï¼‰ | gihyo.jp
ã¯ã˜ã‚ã« ç¬¬2å›žã¯Lightboxé¢¨ã«ç”»åƒãªã©ã‚’è¡¨ç¤ºã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã€ä¸€æ©é€²ã‚“ã åˆ©ç”¨æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ LightBoxã¯ã€ä»Šã‚„åŒä¸€ãƒšãƒ¼ã‚¸å†…ã§ç”»åƒãªã©ã‚’ä¸Šä¹—ã›ã—ãŸå½¢ã§è¡¨ç¤ºã•ã›ã‚‹è¡¨ç¾åŠ¹æžœã®ç·ç§°ã¨ãªã£ã¦ãŠã‚Šã€Javascriptã®å®šç•ªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ä¸€ã¤ã¨ãªã£ã¦ã„ã¾ã™ã€‚ å›³1ã€€å…ƒç¥–Lightbox ãŠè–¦ã‚Lightboxé¢¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ Lightboxé¢¨ã®è¡¨ç¾ã‚’å®Ÿç¾ã™ã‚‹Javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯å®Ÿéš›ã«æŽ¢ã—ã¦ã¿ã‚‹ã¨ã€éžå¸¸ã«å¤šãã®ã‚‚ã®ã‚’è¦‹ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã“ã®ä¸ã‹ã‚‰jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦é–‹ç™ºã•ã‚Œã€ã•ã‚‰ã«ç‰¹å¾´çš„ãªä»¥ä¸‹ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’3ç‚¹ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã€ä»Šå›žã¨æ¬¡å›žã€2å›žã«ã‚ãŸã‚Šè§£èª¬ã—ã¾ã™ã€‚ jQuery Fancyzoom jQuery Fancyzoomã¯ç”»åƒè¡¨ç¤ºã«ç‰¹åŒ–ã—ã¦ãŠã‚Šã€æ‹¡å¤§è¡¨ç¤ºã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒéžå¸¸ã«å‡ã£ãŸã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ç™¾èžã¯ä¸€è¦‹ã«ã—ã‹ãšãªã®ã§ã€ã‚ãˆã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®èª¬æ˜Žã‚’
sgw_spt 2009/01/21
jQuery

lightbox

library

javascript
ãƒªãƒ³ã‚¯
How to Mimic the iGoogle Interface
Unlimited WordPress themes, web templates, graphics & more! Unlimited asset downloads! Get Started
sgw_spt 2009/01/21
iGoogleã®UIã®ãƒ‘ã‚¯ãƒªæ–¹

javascript

jQuery

library

interface

ã„ã£ãºã‚“ã‚„ã£ã¦ã¿ã‚‹ï¼Ÿ
ãƒªãƒ³ã‚¯
ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’æ–‡ç« èª¬æ˜Žä»˜ã§ãƒ•ã‚§ã‚¤ãƒ‰ã‚¤ãƒ³ãƒ»ã‚¢ã‚¦ãƒˆè¡¨ç¤ºã•ã›ã‚‹ï¼ªï¼³ãƒ©ã‚¤ãƒ–ãƒ©ãƒª s3Slider | ãƒ¦ãƒ¼ã‚¸ãƒƒã‚¯
ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’æ–‡ç« èª¬æ˜Žä»˜ã§ãƒ•ã‚§ã‚¤ãƒ‰ã‚¤ãƒ³ãƒ»ã‚¢ã‚¦ãƒˆè¡¨ç¤ºã•ã›ã‚‹ï¼ªï¼³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€€s3Slider 2008å¹´12æœˆ1æ—¥ ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’æ–‡ç« èª¬æ˜Žä»˜ã§ãƒ•ã‚§ã‚¤ãƒ‰ã‚¤ãƒ³ãƒ»ã‚¢ã‚¦ãƒˆè¡¨ç¤ºã•ã›ã‚‹ï¼ªï¼³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã‚ã‚‹s3SliderãŒä¾¿åˆ©ãã†ãªã®ã§ã”ç´¹ä»‹ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ spanã§è¨˜è¿°ã—ãŸæ–‡ç« ã‚’ä¸Šãƒ»ä¸‹ãƒ»å·¦ãƒ»å³ã«é…ç½®ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã€ãƒšãƒ¼ã‚¸ã®ãƒ¡ã‚¤ãƒ³ã‚¤ãƒ¡ãƒ¼ã‚¸ãªã©ã«ï¼¦ï¼¬ï¼¡ï¼³ï¼¨ã®ã®ã‚ˆã†ãªå‹•ãã®ã‚ã‚‹ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’ï¼¨ï¼´ï¼ï¼¬ã‚³ãƒ¼ãƒ‰ã ã‘ã§é…ç½®ã§ãã¾ã™ã€‚ã¾ãŸã€s3Sliderã¯jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã®ã§jQueryã‚’ä¸»ã«ä½¿ç”¨ã—ã¦ã„ã‚‹æ–¹ã«ã¯ä¾¿åˆ©ã ã¨æ€ã„ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‰ã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ä¸‹è¨˜ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€‚ header <script src="js/jquery.js" type="text/javascript"></script> <script src="js/s3Slider.js" type="text/javasc
sgw_spt 2009/01/21
flashã®ã‚ˆã†ã«ç”»åƒã¨ãƒ†ã‚ã‚¹ãƒˆã‚’ãƒ•ã‚§ãƒ¼ãƒ‰ã—ã¦è¡¨ç¤ºã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

jQuery

library
ãƒªãƒ³ã‚¯
jQueryã‚’è‰¯ãã™ã‚‹25ã®TIPS
jQueryã‚’è‰¯ãã™ã‚‹25ã®TIPS ãƒã‚¿å…ƒï¼šImprove your jQuery - 25 excellent tips ã¡ã‚‡ã£ã¨å¤šã„ã§ã™ãŒã€ã‹ãªã‚Šè‰¯ã„TIPSãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ Google AJAX Libraries APIã‚’åˆ©ç”¨ã—ã‚ˆã† Google AJAX Libraries APIã‚’æ´»ç”¨ã™ã‚Œã°ã™ã°ã‚„ããƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’èªã¿è¾¼ã‚€ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> ç›´æŽ¥èªã¿è¾¼ã‚€ã“ã¨ã‚‚å‡ºæ¥ã¾ã™ã€‚
sgw_spt 2009/01/21
jQuery

ajax
ãƒªãƒ³ã‚¯
1