スクãƒãƒ¼ãƒ«ã«é€£å‹•ã—ã¦èƒŒæ™¯ç”»åƒãŒåˆ‡ã‚Šæ›¿ã‚る効果ã®å®Ÿè£…方法ã€jQuery+レスãƒãƒ³ã‚·ãƒ–】 - ナオユãƒãƒƒãƒˆã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«é€£å‹•ã—ã¦ä»»æ„ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã¨èƒŒæ™¯ç”»åƒãŒåˆ‡ã‚Šæ›¿ã‚る効果をjQueryã¨CSSã§å®Ÿè£…ã—ã¾ã—ãŸã€‚ 公開・é…布ã•ã‚Œã¦ã„ã‚‹jQueryプラグインãªã©ã¯æœªä½¿ç”¨ã§ã™ã€‚ ãã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«åˆã£ãŸèƒŒæ™¯ç”»åƒã‚’フェードイン・アウトã§è¡¨ç¤ºã•ã›ãŸã‹ã£ãŸã®ã§å‚™å¿˜éŒ²ã¨ã—ã¦ãƒ‡ãƒ¢ã‚’制作ã—アップã—ã¦ã„ã¾ã™ã€‚ demoページを見る フェードイン効果ã¯CSSを使ㆠCSS3ã®ãƒ—ãƒãƒ‘ティtransitionを使ã„ã€ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ãƒ»ã‚¢ã‚¦ãƒˆã‚’表ç¾ã—ã¾ã™ã€‚ 背景自体ã¯position: fixedã§é…ç½®ã—ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯opacity: 0ã§é€æ˜Žã«ã—ã¦ãŠãã¾ã™ã€‚ コンテンツãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§class=showã‚’è¿½åŠ ã—ã€opacity: 1ã«å¤‰æ›´ã€‚ 背景ã«ã™ã‚‹ç”»åƒã¯background-imageã§ã‚らã‹ã˜ã‚èªã¿è¾¼ã‚“ã§ãŠãã¾ã™ã€‚ /* init */ .background { top: 0; left: 0;
jQuery プラグイン Masonry ã®ä½¿ã„æ–¹ã¨è¨å®š | Web Design Leaves
ECサイト構築é‹å–¶ã«å½¹ç«‹ã¤æƒ…å ±ç™ºä¿¡ï½œãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ©ãƒœ
Monaural Sound
Visited plugin
jQuery Corner Demo
Google+1/Twitter/facebookã„ã„ã!/facebook Share/mixiãƒã‚§ãƒƒã‚¯/mixiイイãƒ!/GREEã„ã„ã/Evernote/ã¯ã¦ãƒ–ã®ãƒœã‚¿ãƒ³ã‚’超カンタンã«ä½œã‚Œã‚‹ jQuery.socialbutton プラグインを作ã£ãŸã‚ˆ
CSSã¯åˆ†ã‹ã‚‹ã‘ã© jQuery ã¯è‹¦æ‰‹ … ã¨ã„ã†äººãŒ jQuery ã«è¦ªã—ã‚“ã§ãれるã¨ã„ã„ãªãƒ¼ã¨æ€ã£ã¦æ›¸ãã¾ã—ãŸ
ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«é–¢ã™ã‚‹ã“ã¨ãªã‚‰ãŠä»»ã›ï¼ãªjQueryプラグイン「Slider Kitã€:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}