[B! JavaScript][css] axcel-workã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

axcel-work id:axcel-work

JavaScriptã¨cssã«é–¢ã™ã‚‹axcel-workã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

IE6ã§é€éŽpngã‚’è¡¨ç¤ºã•ã›ã‚‹ã‚ªã‚¹ã‚¹ãƒ¡scriptã€ã€ŒDD_belatedPNG.jsã€
ï¼žï¼ž è©³ç´°ãªä½¿ç”¨æ³•ã¨æ³¨æ„ç‚¹ã‚’è¿½åŠ ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã¾ã—ãŸã€‚ ã„ã¾ã çµ¶å¤§ãªã‚·ã‚§ã‚¢ã‚’èª‡ã‚‹IE6ï¼ˆInternet Exproler 6ï¼‰ã§ã™ãŒã€WEBåˆ¶ä½œè€…ãªã‚‰ã”å˜çŸ¥ã®é€šã‚Šã€ã•ã¾ã–ã¾ãªãƒã‚°ãƒ»ä¸å…·åˆã‚’å†…åŒ…ã—ã¦ãŠã‚Šã¾ã™ã€‚ ãƒ»CSSã§floatã—ãŸãƒ–ãƒãƒƒã‚¯ã®marginãŒå€ã«ãªã‚‹ã€‚ ãƒ»å¾Œæ–¹äº’æ›ãƒ¢ãƒ¼ãƒ‰ã®å ´åˆã€text-alignãŒåè¦ç´ ã«ã¾ã§å½±éŸ¿ã™ã‚‹ã€‚ ãƒ»é€éŽpngç”»åƒãŒé€éŽã•ã‚Œãªã„ã€‚ ä¸Šè¨˜ä»¥å¤–ã«ã‚‚ã€ãã‚Œã¯ã„ãã¤ã‚‚ã®åˆ¶ä½œè€…æ³£ã‹ã›ã®å•é¡ŒãŒã‚ã‚Šã€æ¥ç•Œå†…ã§ã¯ã€ŒIE6æ°ãã°ã„ã„ã®ã«ã€ã¨ã¾ã§è¨€ã‚ã‚Œã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã§ã™ãŒã€å‰è¿°ã®é€šã‚Šã‚·ã‚§ã‚¢ã¯çµ¶å¤§ãªã®ã§ã€å¯¾å¿œã—ãªã„ãƒ¯ã‚±ã«ã‚‚ã„ã‹ãšã€‚ ã™ã§ã«ã„ãã¤ã‚‚ã®å¯¾å¿œç–ãŒå‡ºå›žã£ã¦ãŠã‚Šã¾ã™ãŒã€ãã®ä¸ã§ã‚‚è‡ªåˆ†çš„ã«ä¸€ç•ªã‚ªã‚¹ã‚¹ãƒ¡ã™ã‚‹ã®ãŒã€ã€ŒDD_belatedPNG.jsã€ã‚’ä½¿ç”¨ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ æœ‰åã©ã“ã‚ã®å¯¾å¿œç–ã‚’ä½µè¨˜ãƒ»æ¯”è¼ƒã—ãªãŒã‚‰ã€ã©ã“ãŒã‚ªã‚¹ã‚¹ãƒ¡ãªã®ã‹ã‚’å«ã‚ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æœ‰åãª
axcel-work 2011/01/26
ie

css

ie6

JavaScript

png
ãƒªãƒ³ã‚¯
æŠ˜ã‚ŠãŸãŸã¿JS
HTMLã‚½ãƒ¼ã‚¹å´ã‚’æ¥µåŠ›æ±šã•ãªã„æŠ˜ã‚ŠãŸãŸã¿JavaScript Published on 2006-10-05 æœ¬ãƒšãƒ¼ã‚¸ã§ç¤ºã™ã®ã¯ã€è‰¯ãã‚ã‚‹JavaScriptã«ã‚ˆã‚‹æŠ˜ã‚ŠãŸãŸã¿ã‚’JavaScriptã¨DOMã¨CSSã§å®Ÿç¾ã™ã‚‹æ‰‹é †ã§ã‚ã‚‹ã€‚jQueryãªã©ã®å¤–éƒ¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å¿…è¦ã¨ã›ãšã€ã“ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆå˜ç‹¬ã§å‹•ä½œã™ã‚‹ã€‚ æŠ˜ã‚ŠãŸãŸã¿ã¨ã„ã†ã®ã¯ã€ã‚ã‚‹è¦ç´ ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨éš ã‚Œã¦ã„ãŸéƒ¨åˆ†ãŒè¦‹ãˆã€ã‚‚ã†ä¸€åº¦ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã¾ãŸéš ã‚Œã‚‹ã¨ã„ã†ãƒ¤ãƒ„ã§ã‚ã‚‹ã€‚ demo ä¾‹ãˆã°ã“ã‚“ãªæ„Ÿã˜ HTMLã‚½ãƒ¼ã‚¹å´ã¯classã‚’ä»˜ä¸Žã™ã‚‹ã ã‘ã«ã¨ã©ã‚ã€ã‚¯ãƒªãƒ¼ãƒ³ã§StrictãªHTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ä¿ã£ãŸã¾ã¾å®Ÿç¾ã§ãã‚‹ã‚ˆã†é…æ…®ã—ã¦ã„ã‚‹ã€‚ã¾ãŸã€JavaScriptã‚’åˆ‡ã£ãŸç’°å¢ƒã§ã¯ã€è¦ç´ ã¯æŠ˜ã‚Šç•³ã¾ã‚Œãšã€ä¸èº«ã‚‚èªã‚€ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ä»–ã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§æ“ä½œã—ã¦ã„ã‚‹å ´åˆã®å¯¾å‡¦ã‚‚ã—ã¦ã„ã‚‹ã®ã§ã€ãã‚Œãªã‚Šã«ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚‚ç¢ºä¿ã—ã¦ã‚ã‚‹ã¨è¨€ãˆã‚‹
axcel-work 2009/07/27
ã†ã£ã¯ã†ã£ã¯ï½—ï½—

css

html

tips

javascript
ãƒªãƒ³ã‚¯
JavaScriptã§æ–‡å—ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ï¼’ - Good Sleepï½œWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ—¥ã€…ã®ã‚¹ã‚ãƒž
ã‚«ãƒ¬ãƒ³ãƒˆè¡¨ç¤ºå¯¾å¿œç‰ˆï½œstyleswitcher.js ä»¥å‰ã€ï½¢JavaScriptã§æ–‡å—ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ï½£ã¨ã„ã†è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸãŒã€ã‚«ãƒ¬ãƒ³ãƒˆè¡¨ç¤ºï¼ˆç¾åœ¨ã©ã®ã‚µã‚¤ã‚ºã§è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã‹ï¼‰ã§ã¤ã¾ãšãã€çµå±€ç”»åƒã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ã«ã—ã¦ã€ã©ã®ã‚µã‚¤ã‚ºã§è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã‹ï¼Ÿã¨ã„ã†ã‚³ãƒˆãŒåˆ†ã‹ã‚‰ãªã„ã‚µãƒ³ãƒ—ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã—ãŸã€‚ å®Ÿéš›ã«æ–‡å—ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹ã‚ˆã†ãªæ¡ˆä»¶ãŒå‡ºã¦ããŸã‚³ãƒˆã‚‚ã‚ã‚Šã€ä½•ã‹å¯¾ç–ãŒãªã„ã‚‚ã®ã‹ã¨è€ƒãˆã¦ã„ã‚‹ã¨ã€ç¯å°ã‚‚ã¨æš—ã—ã¨ã„ã†ã‹ä½•ã¨ã„ã†ã‹â€¦ã€éžå¸¸ã«ç°¡å˜ã§ã‚ã‚‹ã‚³ãƒˆã«æ°—ã¥ãã¾ã—ãŸã€‚ styleswitcher.jsã§èªã¿è¾¼ã‚€alternate stylesheetã«ãã‚Œãžã‚Œã®ãƒœã‚¿ãƒ³ã®çŠ¶æ…‹ã‚’è¨˜è¿°ã™ã‚Œã°è‰¯ã„ã ã‘ã ã£ãŸã‚“ã§ã™ãã€‚ â€¦ã¨ã„ã†è¨³ã§ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ â†‘ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã¯ã“ã¡ã‚‰ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ ä»Šå›žã€ï½¢å° ä¸ å¤§ï½£ã®æ–‡å—ã‚‚ç”»åƒã«ã—ã¦ã—ã¾ã£ãŸãŸã‚ã€ã‚½ãƒ¼ã‚¹ä¸Šã®ãƒ†ã‚ã‚¹ãƒˆã¯displayãƒ—ãƒãƒ‘ãƒ†ã‚£ã§æ¶ˆã—ã¦ã—ã¾ã£ã¦ã¾ã™
axcel-work 2009/07/27
ã†ã¯ï½—ï½—

javascript

css

webdesign

tips
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

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

å…¬å¼Twitter

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

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

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

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

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

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

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

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

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

ã‚¿ã‚°

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

JavaScriptã¨cssã«é–¢ã™ã‚‹axcel-workã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãŠçŸ¥ã‚‰ã›

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

ã‚¿ã‚°

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

JavaScriptã¨cssã«é–¢ã™ã‚‹axcel-workã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

IE6ã§é€éŽpngã‚’è¡¨ç¤ºã•ã›ã‚‹ã‚ªã‚¹ã‚¹ãƒ¡scriptã€ã€ŒDD_belatedPNG.jsã€

æŠ˜ã‚ŠãŸãŸã¿JS

JavaScriptã§æ–‡å­—ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ï¼’ - Good Sleepï½œWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ—¥ã€…ã®ã‚¹ã‚­ãƒž

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

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

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

JavaScriptã¨cssã«é–¢ã™ã‚‹axcel-workã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

IE6ã§é€éŽpngã‚’è¡¨ç¤ºã•ã›ã‚‹ã‚ªã‚¹ã‚¹ãƒ¡scriptã€ã€ŒDD_belatedPNG.jsã€

æŠ˜ã‚ŠãŸãŸã¿JS

JavaScriptã§æ–‡å—ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ï¼’ - Good Sleepï½œWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ—¥ã€…ã®ã‚¹ã‚ãƒž

ãŠçŸ¥ã‚‰ã›

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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