[B! menu] ice_cubeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ice_cube id:ice_cube

menuã«é–¢ã™ã‚‹ice_cubeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

${{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}}

ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’ã‚»ã‚¯ã‚·ãƒ¼ã«é–‹é–‰ã•ã›ã‚‹javascriptã€ŒSlidingSideBarã€
Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¡Œã†éš›ã«ã€è¦‹ã‚„ã™ã•ãŒé‡è¦ãªè¦ç´ ã®ä¸€ã¤ã«ã‚ã’ã‚‰ã‚Œã¾ã™ã€‚ ã“ã®è¦³ç‚¹ã‹ã‚‰è¨€ãˆã°ä½™è¨ˆãªã‚‚ã®ã¯å‰Šé™¤ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ãŒã€é–‹è¨è€…ã¨ã—ã¦ã¯ã©ã†ã—ã¦ã‚‚è¡¨ç¤ºã—ãŸã„ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ Andrew Sellickã®Sexy sliding JavaScript side bar menuã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚é…æ…®ã—ãŸé–‹é–‰å¼ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’ä½œæˆã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ sponsors ä½¿ç”¨æ–¹æ³• Sexy sliding JavaScript side bar menuã®Downloadã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã‚‚è§£å‡ã§ããªã‹ã£ãŸã®ã§ä»¥ä¸‹ã‚ˆã‚Šãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã ã•ã„ã€‚ SlidingSideBar.zip ã¾ãŸmootools.jsã‚‚å¿…è¦ã§ã™ã€‚ headå†…ã«ä»¥ä¸‹ã‚’æŒ¿å…¥ã—ã¾ã™ã€‚ <script src="http://yourdomain/mootools.js" type="text/javascript"></s
ice_cube 2007/09/25
mootools

javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

menu
ãƒªãƒ³ã‚¯
Stu Nicholls | CSS PLAY | A css only dropdown menu further examples
A simple looking menu this time, but looks can be deceiving. This one is for those people who have no room for a drop down/ flyout menu. Give it a try, but be prepared for a surprise. The hover state varies the background and foreground shades of grey. As you have found out, if a drop down menu has no flyout and is longer than 6 it ems a scroll bar is added. If a flyout is longer than 6 it ems then
ice_cube 2007/09/22
css

dropdown

menu
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (5)

menuã«é–¢ã™ã‚‹ice_cubeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´3æœˆç¬¬1é€±ï¼‰

ã€iOSã‚¢ãƒ—ãƒªã€‘ã‚¢ãƒ—ãƒªã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã®ãŠçŸ¥ã‚‰ã›ï¼šç‰¹å®šç”»é¢ã§ã‚¢ãƒ—ãƒªãŒå¿œç”ã—ãªããªã‚‹å•é¡Œã‚’ä¿®æ£ã—ã¾ã—ãŸ

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´2æœˆç¬¬4é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (5)

menuã«é–¢ã™ã‚‹ice_cubeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’ã‚»ã‚¯ã‚·ãƒ¼ã«é–‹é–‰ã•ã›ã‚‹javascriptã€ŒSlidingSideBarã€

Stu Nicholls | CSS PLAY | A css only dropdown menu further examples

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2026å¹´3æœˆç¬¬1é€±ï¼‰

ã€iOSã‚¢ãƒ—ãƒªã€‘ã‚¢ãƒ—ãƒªã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã®ãŠçŸ¥ã‚‰ã›ï¼šç‰¹å®šç”»é¢ã§ã‚¢ãƒ—ãƒªãŒå¿œç­”ã—ãªããªã‚‹å•é¡Œã‚’ä¿®æ­£ã—ã¾ã—ãŸ

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2026å¹´2æœˆç¬¬4é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (5)

menuã«é–¢ã™ã‚‹ice_cubeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’ã‚»ã‚¯ã‚·ãƒ¼ã«é–‹é–‰ã•ã›ã‚‹javascriptã€ŒSlidingSideBarã€

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´3æœˆç¬¬1é€±ï¼‰

ã€iOSã‚¢ãƒ—ãƒªã€‘ã‚¢ãƒ—ãƒªã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã®ãŠçŸ¥ã‚‰ã›ï¼šç‰¹å®šç”»é¢ã§ã‚¢ãƒ—ãƒªãŒå¿œç”ã—ãªããªã‚‹å•é¡Œã‚’ä¿®æ£ã—ã¾ã—ãŸ

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´2æœˆç¬¬4é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹