[B! js] kohaku2000ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kohaku2000 id:kohaku2000

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

CSS Mega Dropdown | CodyHouse
Mega Dropdown A responsive and easy to customise mega-dropdown component. One of the most challenging part when youâ€™re working on a web projects with lots of content is to make it easy for a user to navigate through this content. One example we can all think of is Amazon: infinite categories, each one with its own sub-categoriesâ€¦ thatâ€™s why they currently provide an easy-to-access navigation, in t
kohaku2000 2015/09/24
ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ Amazoné¢¨

dropdown

categories

hover

content

css
ãƒªãƒ³ã‚¯
Coveloping
box-shadowã§ãµã‚ã‚Šã¨ã—ãŸå½±ã‚’ã¤ãã‚‹CSSã®ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã®ãƒã‚§ãƒƒã‚¯ã€ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã®è¨ˆç®—æ©Ÿã€CSS/JSã®è»½é‡åŒ–ãªã©ã€ãŸãã•ã‚“ã®ä¾¿åˆ©ãªæ™‚çŸãƒ„ãƒ¼ãƒ«ãŒã‚ã‚Šã¾ã™ãŒã€ãã‚Œã‚‰ã®ä¾¿åˆ©ãªãƒ„ãƒ¼ãƒ«ã‚’ä¸€ã¤ã®å ´æ‰€ã«ã¾ã¨ã‚ãŸCovelopingã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Facebookã®OPGãƒã‚§ãƒƒã‚¯ã‚„Google Mapsã®åœ°å›³ç”Ÿæˆãƒ„ãƒ¼ãƒ«ã‚‚ã‚ã‚Šã€æ–°ã—ã„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’å§‹ã‚ã‚‹æ™‚ã«ã‚‚å½¹ç«‹ã¤ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã€‚ Coveloping ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«ã¯ç¾åœ¨23ç¨®é¡žã€ã‚¢ã‚¹ãƒšã‚¯ãƒˆæ¯”ã®è¨ˆç®—ã‚„ä¸€ã¤ã®ã‚«ãƒ©ãƒ¼ã«é»’ã¨ç™½ã‚’åŠ ãˆãŸãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã—ãŸã‚Šã€box-shadowã§ãµã‚ã‚Šã¨ã—ãŸå½±ã‚’ã¤ã‘ãŸã‚Šã€jQueryã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã©ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã‹ã‚‰ã‚‚ã©ã‚“ã©ã‚“å¢—ãˆã¦ã„ããã†ã§ã™ã€‚ ãã®ä¸ã‹ã‚‰ã€ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚
kohaku2000 2013/12/12
shadow

css

js
ãƒªãƒ³ã‚¯
HTML5ã§çµ„ã‚“ã§ã‚‹ãªã‚‰ã“ã®é”æ³•ã®jsã‚‚å…¥ã‚Œã¦ãŠã‘ã£ã¦ã„ã†è©±
ç¾åœ¨ã€A!@attripã•ã‚“ç™ºã§è©±é¡Œã«ãªã£ã¦ã„ã‚‹ã€ŒãŸã£ãŸ2è¡Œã§IE5.5ï½žIE8ã‚’ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®æŒ™å‹•ã«ã™ã‚‹é”æ³•ã®JSã€ã¨ã„ã†è¨˜äº‹ã€‚ Webãƒ‡ã‚¶ã‚¤ãƒ³ç•Œéšˆã§ã¯å½“ãŸã‚Šå‰ã®ã‚‚ã®ã§ã™ãŒã€å®Ÿã¯ã‚‚ã†ã²ã¨ã¤è¿½åŠ ã—ã¦ãŠãã¨ã„ã„ã‹ã‚‚ã—ã‚Œãªã„jsãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ Photo:html5 By michael pollak IE8ä»¥å‰ã®ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã©ã†ã«ã‚‚ã“ã†ã«ã‚‚é–‹ç™ºè€…æ³£ã‹ã›ãªã‚ã‘ã§ã™ãŒã€ie9.jsã¨css3-mediaqueries.jsã‚’çªã£è¾¼ã‚€ã“ã¨ã§ã€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã¨åŒã˜æŒ™å‹•ã«ã™ã‚‹ã“ã¨ãŒã§ãã¡ã‚ƒã„ã¾ã™ã€‚ ã‚‚ã†å°‘ã—å…·ä½“çš„ã«æ›¸ãã¨ã€ie9.jsã‚’çµ„ã¿è¾¼ã‚€ã“ã¨ã§ã€ position:fixed;ã«å¯¾å¿œ max-widthã€max-heightã«å¯¾å¿œ å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã«å¯¾å¿œ margin:0 auto;ã§ã®ã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã«å¯¾å¿œ é€éŽPNGã«å¯¾å¿œ opacityã«å¯¾å¿œ ã¨ã„ã£ãŸã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚è¦ã¯CS
kohaku2000 2012/12/02
ie

css

js
ãƒªãƒ³ã‚¯
[JS]jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³33+1é¸ -2012å¹´1æœˆ
ç´¹ä»‹æ¸ˆã¿ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³34é¸ã§ã™ã€‚ jQuery Transit CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’jQueryã§ç°¡å˜ã«ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€‚ cssAnimate CSS3ã¨jQuer
kohaku2000 2012/01/30
jquery

js

WEBåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ›ã‚¤ãƒ¼ãƒ«ã‚‚åŠ¹ã„ã¦è¶…ã„ã„æ„Ÿã˜ã®ã‚«ãƒ«ãƒ¼ã‚»ãƒ«å®Ÿè£…jQueryãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
Circular Content Carousel with jQuery | Codrops ãƒ›ã‚¤ãƒ¼ãƒ«ã‚‚åŠ¹ã„ã¦è¶…ã„ã„æ„Ÿã˜ã®ã‚«ãƒ«ãƒ¼ã‚»ãƒ«å®Ÿè£…jQueryãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ ãã‚‚ãã‚‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã„ã„ã®ã§ã™ãŒã€æ¬¡ã®ã‚ˆã†ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å·¦å³ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã§ãã‚‹ï¼ˆãƒ›ã‚¤ãƒ¼ãƒ«ã§ã‚‚OK)UIã‚’ä½œã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ã€Œmoreã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚Œã°ãã®ã¾ã¾è©³ç´°ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§åºƒãŒã‚Šã¾ã™ ã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒ ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãŒå¯èƒ½ãªã®ã§ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦ä½¿ã†ã ã‘ã§ã‚‚æœ‰ç”¨ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª IKEAã®å®¶å…·ç´¹ä»‹ç”»åƒã£ã½ãã‚¤ãƒ¡ãƒ¼ã‚¸ã«æ³¨é‡ˆã‚’å…¥ã‚Œã‚‹jQueryãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ãƒšãƒ¼ã‚¸ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã«ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã‚’è¡¨ç¤ºã—ã¦åˆ†ã‹ã‚Šã‚„ã™ãã™ã‚‹jQueryãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ãƒšãƒ¼ã‚¸ä¸Šã«ãã®ã¾ã¾ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ä¹—ã£ã‘ã¦ä½¿ã„æ–¹ã‚’åˆ†ã‹ã‚Šã‚„ã™ãèª¬æ˜Žã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery Tutorialã€
kohaku2000 2011/08/25
javascript

tutorial

jquery

js

*programming
ãƒªãƒ³ã‚¯
[JS]jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³33 1é¸ -2011å¹´5æœˆ | ã‚³ãƒªã‚¹
Skitter å¤šç¨®å¤šå°‘ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç”»åƒã‚’å¤‰æ›´ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€‚ ã‚ãƒ£ãƒ—ãƒãƒ£ã¯ã€Œcubeã€ã€ã‚ãƒ¥ãƒ¼ãƒ–çŠ¶ã«ãªã£ã¦å¤‰æ›´ã—ã¾ã™ã€‚
kohaku2000 2011/05/31
jquery

javascript

plugin

ã¾ã¨ã‚

webdesign

developer

list

js
ãƒªãƒ³ã‚¯
ã“ã ã‚ã‚Šã®ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ« scrollsmoothly.js
ã€Œãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ã€ã§ã‚°ã‚°ã‚Œã°ã„ãã‚‰ã§ã‚‚å‡ºã¦ãã‚‹ã‚·ãƒãƒ¢ãƒŽã ã‘ã©ã€è‡ªåˆ†ã®è¦æœ›ã‚’ã™ã¹ã¦æº€ãŸã™ã‚‚ã®ãŒç„¡ã‹ã£ãŸã®ã§ä½œã£ã¦ã¿ãŸã€‚ ã“ã ã‚ã‚Šã®ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ« scrollsmoothly.js å‹•ä½œã‚µãƒ³ãƒ—ãƒ« ä»¥ä¸‹ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã®ã‚ˆã†ã«headå†…ã§èªã¿è¾¼ã‚€ã ã‘ã§OKã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰(Javascript) scrollsmoothly.js èªã¿è¾¼ã¿ä¾‹ <script type="text/javascript" src="scrollsmoothly.js"></script> ç‰¹å¾´ ç¸¦æ¨ªæ–œã‚ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«å¯èƒ½ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä¸ã«ã‚‚ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ åˆ¥ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰ã®ãƒªãƒ³ã‚¯ã§ã‚‚æŒ‡å®šã®å ´æ‰€ã¾ã§ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¾ã™ MIT License å‹•ä½œç¢ºèªãƒ–ãƒ©ã‚¦ã‚¶ IE6, IE7 Firefox 2,3 Opera 9.27 Safari 3.1 é–¢é€£ã‚¨ãƒ³ãƒˆãƒª
kohaku2000 2011/05/18
ãƒšãƒ¼ã‚¸å†…ã§ç¸¦æ¨ªç„¡å°½ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãã¾ã™ã€‚

javascript

tips

library

webdesign

js

ajax

web

jquery
ãƒªãƒ³ã‚¯
101lab.net
kohaku2000 2010/11/17
jquery

js
ãƒªãƒ³ã‚¯
1