[B! jQuery][ul] yifeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yife id:yife

jQueryã¨ulã«é–¢ã™ã‚‹yifeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

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

å…¨ç”»é¢ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã¨ã—ã¦ä½¿ã†ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹2KBä»¥ä¸‹ã®è»½é‡jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…å®¹ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ å…¨ç”»é¢ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã‚®ãƒ£ãƒ©ãƒªãƒ¼é¢¨ã«ã™ã‚‹ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’jQueryã‚’ä½¿ã£ã¦å®Ÿè£…ã™ã‚‹ã‚µãƒ³ ãƒ—ãƒ«ã§ã™ã€‚é€éŽå‡¦ç†ãŒå¿…è¦ã§ã™ãŒã€IE6ã€IE7ã® ä¸¡å•é¡Œå…ã§ã‚‚å•é¡Œãªãå‹•ã„ã¦ãã‚Œã¾ã™ã®ã§ã€å®Ÿè·µ ã§ã‚‚ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã«åˆ©ç”¨ã§ãã‚‹ã£ã½ã„ã§ã™ãã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã¨ãƒã‚´ãŒå¹³è¡Œã—ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹äº‹ã§è¦–å·® åŠ¹æžœã‚‚å‡ºã—ã¦ã„ã¾ã™ã€‚ ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œãªã®ã§ä½¿ã„ã©ã“ã‚ã‚‚å‡ºã¦æ¥ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«å‹•ã„ã¦ãã‚Œã¾ã™ã®ã§ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã€ã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³ãªã©ã«ä½¿ã†ã®ã‚‚é¢ç™½ãã†ã§ã™ã€‚ Awesome Scrolling Navigation å…¨ç”»é¢ãŒã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¾ã™ã€‚èƒŒæ™¯ã«ç”»åƒã‚’æŒ‡å®šã—ã¦ã„ã‚‹ã®ã§ãƒ†ã‚ã‚¹ãƒˆãªã‚“ã‹ã‚‚å…¥ã‚Œã‚‰ã‚Œã‚‹ã£ã½ã„ã§ã™ãã€‚è©¦ã—ã¦ã„ã¾ã›ã‚“ã‘ã©ã“ã‚Œã¯çµæ§‹ä½¿ãˆã
yife 2011/06/09
ie

webãƒ‡ã‚¶ã‚¤ãƒ³

.net

jquery

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼

ie6

Logo

navigation

jQuery

ul
ãƒªãƒ³ã‚¯
ã‚³ãƒ”ãƒšã§å®Ÿè£…ã™ã‚‹ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å„ªã—ã„ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ :: 5509
ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒä¾¿åˆ©ãªå ´åˆã‚‚ã‚ã‚Šã¾ã™ãŒã€ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã—ã¦ã‚‹ã‚¨ãƒªã‚¢ã‹ã‚‰ã‚«ãƒ¼ã‚½ãƒ«ãŒé›¢ã‚ŒãŸéš›ã®ç´ ã£æ°—ãªã•ã¨ããŸã‚‰ãƒ»ãƒ»ãƒ» ã¨ã‚Šã‚ãˆãšã‚µãƒ³ãƒ—ãƒ«2ã¤ç”¨æ„ã—ãŸã®ã§æ¯”è¼ƒã—ã¦ã¿ã¦ãã ã•ã„ã€‚ æ¯”è¼ƒç”¨ã‚µãƒ³ãƒ—ãƒ« ç´ ã£æ°—ãªã„ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ å„ªã—ã„ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã¡ã‚‡ã£ã¨ã—ãŸæ°—é£ã„ã§å„ªã—ã„UIã« å½¼å¥³ï¼ˆå½¼ï¼‰ã¨ãƒã‚¤ãƒã‚¤ã—ãŸã‚ã¨è¦‹ãˆãªããªã‚‹ã¾ã§è¦‹å®ˆã£ãŸã‚Šã—ã¾ã›ã‚“ã‹ï¼Ÿåæ®‹æƒœã—ã„çš„ãªã®ã§ã‚‚ã„ã„ã§ã™ã€‚æŒ¯ã‚Šè¿”ã£ãŸã¨ãæ—¢ã«ã„ãªã„ã¨ã‹å¯‚ã—ã„ã˜ã‚ƒãªã„ã§ã™ã‹ã€‚ãã†ã„ã†æ°—æŒã¡ã£ã¦é‡è¦ã˜ã‚ƒãªã„ã§ã™ã‹ã€‚ UIã«ã‚‚ãã†ã„ã†å°ã•ãªå„ªã—ã•ã¨ã„ã†ã‹æ€ã„ã‚„ã‚Šã‚’æŒãŸã›ã¦ã‚ã’ã¾ã—ã‚‡ã†ã€‚æ™®é€šã®ã“ã¨ã§ã™ã‘ã©ãã€‚ã‚«ãƒ¼ã‚½ãƒ«ãŒé›¢ã‚Œã¦ã‚‚ã™ãæ¶ˆãˆãšã«ã¡ã‚‡ã£ã¨å¾…ã£ã¦ãã‚Œã‚‹ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚³ãƒ¼ãƒ‰ã‚’ç”¨æ„ã—ãŸã®ã§ã€ã¡ã‚‡ã£ã¨ã—ãŸå„ªã—ã•ã‚’æŒã£ã¦ã‚³ãƒ”ãƒšã§ä½¿ã£ã¦ã‚„ã£ã¦ãã ã•ã„ã€‚ ã“ã£ã‹ã‚‰ã‚³ãƒ¼ãƒ‰ HTML CSS ul#nav { mar
yife 2010/11/08
ul

*webåˆ¶ä½œ

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

navigation

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³

jQuery

ãƒ¡ãƒ‹ãƒ¥ãƒ¼

UI
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰ãˆã‚‹ã€Œå¤§ãƒ»ä¸ãƒ»å°ã€ãƒœã‚¿ãƒ³ã‚’å®Ÿè£…ã™ã‚‹æ–¹æ³•
çŸ¥ã‚Šåˆã„ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã«ã€ã€Œå¤§ãƒ»ä¸ãƒ»å°ã€ã®ãƒœã‚¿ãƒ³ã§ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹æ–¹æ³•ã£ã¦ã©ã†ã‚„ã‚‹ã®ã§ã™ã‹ï¼Ÿã¨ã„ã†è³ªå•ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ CSSã¨JavaScriptï¼ˆå ´åˆã«ã‚ˆã£ã¦ã¯JSã®ã¿ï¼‰ã§ç°¡å˜ã«ã§ãã¦ã—ã¾ã†ã®ã§ã€ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”ç´¹ä»‹ã—ã¦ãŠãã¾ã™ã€‚ ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰ãˆã‚‹ã€Œå¤§ãƒ»ä¸ãƒ»å°ã€ãƒœã‚¿ãƒ³å®Ÿè£… jQueryã‚’ä½¿ã£ã¦ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰ãˆã‚‹ã€Œå¤§ãƒ»ä¸ãƒ»å°ã€ãƒœã‚¿ãƒ³ã‚’ã‚µã‚¯ã‚µã‚¯ã£ã¨å®Ÿè£…ã—ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯ä»•æ§˜ã‚’è€ƒãˆã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ä»•æ§˜ ãƒ»å¤§ãƒ»ä¸ãƒ»å°ã®ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºãŒå¤‰æ›´ã•ã‚Œã‚‹ ãƒ»ãã‚Œãžã‚Œã®ãƒœã‚¿ãƒ³ã«IDã‚’ã‚»ãƒƒãƒˆã—ã¦ãŠãã€ãã®IDåã‚’ã‚‚ã¨ã«classã‚’ã‚»ãƒƒãƒˆ ãƒ»CSSã«ã‚ã‚‰ã‹ã˜ã‚å„classç”¨ã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å…¥ã‚Œã¦ãŠã ãƒ»å†åº¦è¨ªã‚ŒãŸã¨ãã€ã‚¯ãƒƒã‚ãƒ¼æƒ…å ±ãŒã‚ã‚Œã°ãã®ã‚µã‚¤ã‚ºã€ãªã‘ã‚Œã°ä¸ã‚µã‚¤ã‚ºã‚’ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã”ã¨å¤‰æ›´ã™ã‚‹æ–¹æ³•ã‚‚ã‚ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯CSSã¨classã§ã‚»ãƒƒãƒˆã§å¯¾å¿œã—
yife 2010/05/20
ãƒœã‚¿ãƒ³

*tips

css

ã‚µãƒ³ãƒ—ãƒ«

jquery

plugin

webåˆ¶ä½œ

ul

ã‚ã¨ã§èªã‚€

javascript
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

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

å…¬å¼Twitter

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

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

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

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

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

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

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

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

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

ã‚¿ã‚°

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

jQueryã¨ulã«é–¢ã™ã‚‹yifeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

ã€å®Œäº†ã€‘3æœˆ26æ—¥(æœ¨)15:00é ƒã‹ã‚‰30åˆ†ç¨‹åº¦ã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ãŸã‚ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã‚’ã¤ã‘ã‚‰ã‚Œãªã„æ™‚é–“å¸¯ãŒç™ºç”Ÿã—ã¾ã™

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

ã‚¿ã‚°

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

jQueryã¨ulã«é–¢ã™ã‚‹yifeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ã‚³ãƒ”ãƒšã§å®Ÿè£…ã™ã‚‹ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å„ªã—ã„ãƒ‰ãƒ­ãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ :: 5509

ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰ãˆã‚‹ã€Œå¤§ãƒ»ä¸­ãƒ»å°ã€ãƒœã‚¿ãƒ³ã‚’å®Ÿè£…ã™ã‚‹æ–¹æ³•

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

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

jQueryã¨ulã«é–¢ã™ã‚‹yifeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ã‚³ãƒ”ãƒšã§å®Ÿè£…ã™ã‚‹ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å„ªã—ã„ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ :: 5509

ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰ãˆã‚‹ã€Œå¤§ãƒ»ä¸ãƒ»å°ã€ãƒœã‚¿ãƒ³ã‚’å®Ÿè£…ã™ã‚‹æ–¹æ³•

ãŠçŸ¥ã‚‰ã›

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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