HTML5 × CSS3 × jQueryを真é¢ç›®ã«å‹‰å¼· – #11 Path風サークルメニューを作ã£ã¦ã¿ãŸ | DevelopersIOãã‚“ãªè¨³ã§ã€å†™çœŸå…±æœ‰SNSã®ä¸€ã¤ã§ã‚ã‚‹Pathã«ã‚ã‚‹ã€ã‚ã®ã‚µãƒ¼ã‚¯ãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å†ç¾ã—ã¦ã¿ãŸã®ã§ã€ã“ã“ã«ãã®æ‰‹é †ã‚’ã¾ã¨ã‚ã¦ãŠãã¨ã—ã¾ã™ã€‚ Pathã¯ãƒã‚¤ãƒ†ã‚£ãƒ–アプリãªã®ã§ã€Javaãªã„ã—Objective-Cã«ã¦å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ãŒã€ã“ã¡ã¨ã‚‰ã¯ãã‚“ãªãƒã‚¤ã‚½ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ä½¿ã‚ãšã«ã€JavaScriptã¨CSS3ã ã‘ã§è¡Œã‘ã‚‹ã¨ã“ã‚ã¾ã§è¡Œã£ã¦ã¿ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã¨ã‚Šã‚ãˆãšã‚µãƒ¼ã‚¯ãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®è¦ä»¶ã‚’大ã¾ã‹ã«æ›¸ãã ã—ã¦ã¿ã¾ã—ãŸã€‚ トグルボタンをクリックã—ã¦ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚¢ã‚¤ãƒ†ãƒ ã®è¡¨ç¤º/éžè¡¨ç¤ºã‚’切り替ãˆãŸã„ å„メニューã¯å††å‘¨ä¸Šã«å‡ç‰ã«é…ç½®ã•ã‚ŒãŸçŠ¶æ…‹ã§è¡¨ç¤ºã•ã›ãŸã„ 表示/éžè¡¨ç¤ºã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§åˆ‡ã‚Šæ›¿ã‚るよã†ã«ã—ãŸã„ メニュー数ã®å¢—減ã«ã¯æŸ”軟ã«å¯¾å¿œã§ãるよã†ã«ã—ãŸã„ ãã®ä»–ã€å„メニューã®é–“隔や角度ã€è¡¨ç¤ºæ™‚ã®è·é›¢ãªã©ã¯ã‚ªãƒ—ショã§æŒ‡å®šã§ãるよã†ã«ã—ãŸã„ ã²ã¨ã¾ãšã“ã‚“ãªã‚‚ã‚“ã§è‰¯ã„ã§ã—ょã†ã€‚次ã«ã“れらã®è¦ä»¶ã‚’ã©ã®ã‚ˆã†ã«å®Ÿè£…ã™
HTML5 × CSS3 × jQueryを真é¢ç›®ã«å‹‰å¼· – #10.1 CSS3 Transforms(3D) | DevelopersIO
A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
å˜ç´”ã ã‘ã©ç°¡å˜ãªèƒŒæ™¯ç”»åƒã®ãƒ‘ララックスを実ç¾ã™ã‚‹jQueryã®ã‚¹ã‚¯ãƒªãƒ—ト | Web Mugen
[JS]スライダーやタブやページãƒãƒ¼ã‚·ãƒ§ãƒ³ãªã©ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’å°‘ãªã„コードã§å®Ÿè£…ã™ã‚‹è¶…軽é‡ï¼ˆ8kb）ã®ã‚¹ã‚¯ãƒªãƒ—ト -vanity
拡大時ã«ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã®ã‚ˆã†ã«ç”»åƒãŒåºƒãŒã‚‹ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚’実装ã™ã‚‹jQueryプラグイン・Accarousel - ã‹ã¡ã³ã¨.net
[JS]アコーディオンã¨ã‚«ãƒ«ãƒ¼ã‚»ãƒ«ãŒåˆä½“ã—ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ト -Accarousel
[JS]リストè¦ç´ ã§ç°¡å˜ã«å®Ÿè£…ã§ãるニュースティッカー -jQuery News Ticker
{{#tags}}- {{label}}
{{/tags}}