羅列ã—ãŸè¦ç´ ã‚’jQueryã§å¾ã€…ã«ãƒ©ãƒ³ãƒ€ãƒ 表示ã•ã›ã‚‹ - ã‹ã¡ã³ã¨.net羅列ã•ã‚ŒãŸè¦ç´ をフェードイン ã—ãªãŒã‚‰å¾ã€…ã«ãƒ©ãƒ³ãƒ€ãƒ ã§è¡¨ç¤º ã•ã›ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’jQueryã§å®Ÿè£… 出æ¥ã‚‹ã€ã¨ã„ã†ãƒ—ラグイン㮠ã”紹介。割ã¨çŸã„コードã§ä½œã‚Œã‚‹ エフェクトãªã®ã§è¦šãˆã¦ãŠããŸã„ ã§ã™ã。 è¦ç´ をフェードインã•ã›ãªãŒã‚‰ãƒ©ãƒ³ãƒ€ãƒ 表示ã•ã›ã‚‹jQueryã®ãƒ—ラグイン・champagne.jsã§ã™ã€‚ champagne.js ã¨ã¦ã‚‚軽é‡ã§ã€ãƒ†ã‚ストã§ã‚‚ç”»åƒã§ã‚‚OKã§ã™ã€‚シンプルãªã®ã§è‰²ã€…応用ãŒåˆ©ããã†ã€‚ 以下動作サンプルã§ã™ã€‚※å†ç”Ÿãƒœã‚¿ãƒ³ã§å‹•ä½œã—ã¾ã™ã€‚ コード <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.champagne.m
[JS]普通ã®ã¨ã¯ã¡ã‚‡ã£ã¨é•ã†ã€ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã®ã‚¹ãƒ©ã‚¤ãƒ‰æ–¹æ³•ãŒé¢ç™½ã„ホãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ
自動ã§ãƒªãƒ”ートå†ç”Ÿã™ã‚‹Youtube動画を背景全体ã«æŒ‡å®šå‡ºæ¥ã‚‹jQueryプラグイン・jquery-tubular - ã‹ã¡ã³ã¨.net
[JS]使ã„å‹æ‰‹ã®ã‚ˆã„ã€ãƒ‘ãƒãƒ«ã‚’スクãƒãƒ¼ãƒ«ã«è¿½å¾“ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Sticky Sidebar
[JS]ページ全体をダイナミックã«æ¨ªã«ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を表示ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -PageSlide
jQueryã§ç°¡å˜ã«ä½œã‚Œã‚‹ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ãƒœã‚¿ãƒ³ï¼•ç¨®
jQueryã§æ§˜ã€…ãªãƒ‘ターンã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„スライダーを簡å˜ã«å®Ÿè£…ã§ãるプラグイン「Awkward Showcaseã€ï½œBLACKFLAG
Choco-Slider |
クライアントワークã§ã‚ˆããŠä¸–話ã«ãªã£ã¦ã„ã‚‹jQueryプラグインã„ã‚ã„ã‚
{{#tags}}- {{label}}
{{/tags}}