THE HAM MEDIA BLOG

[mixi] jQuery.js | ‚µ‚‚à‚ñ No.153

ƒRƒ~ƒ…‚ðŒ©‚Ä‚¢‚½‚Æ‚±‚ëAŽ©•ª‚̏‘‚¢‚½ƒvƒ‰ƒOƒCƒ“‚ª‚¤‚Ü‚­“®ì‚µ‚Ä‚¢‚È‚¢‚Ƃ̏‘‚«ž‚݁B‚ñH‚Ç‚¤‚¢‚¤‚±‚Æ‚¾H‚È‚ñ‚Ä‹^–â‚ÉŽv‚Á‚½‚Ì‚Å‚·‚ªA‚Ç‚¤‚â‚çIE7E8‚Å“§‰ßPNG‚Ƀvƒ‰ƒOƒCƒ“‚ð“K—p‚³‚¹‚½‚ç‰æ‘œ‚ª‰˜‚­‚È‚Á‚½‚Æ‚Ì‚±‚ƁEEE

‚¨‚Á‚ƁA‚È‚ºIH

‚ǂ̂悤‚È‚±‚Æ‚È‚Ì‚©AŠm”F‚µ‚‚‘Ήž•û–@‚ðŒ©‚Â‚¯‚悤‚ÆŽv‚¢‚Ü‚·B

‚Æ‚è‚ ‚¦‚¸Šm”F

ƒfƒ‚‚Æ‚µ‚Ä‚ ‚ª‚Á‚Ä‚¢‚½‚Ì‚ð‚¿‚å‚Á‚ÆŽ„‚Ì•û‚ŏˆ—‚ð‚µ‚½‚à‚̂ƁAŽ„‚Ì•û‚Å—pˆÓ‚µ‚½‰æ‘œ‚ÌŒv‚U‚‚ðƒvƒŒƒrƒ…[‚µ‚Ă݂悤‚ÆŽv‚¢‚Ü‚·B

¦¡‰ñ‚ÍIE6—p‚̏ˆ—‚ð‚¢‚ê‚Ä‚¢‚È‚¢‚̂ŁAPNG32‚̉摜‚È‚Ç‚Í”wŒi‚ª“§‰ß‚³‚ꂸ‚ÉŠDF‚̐F‚ª‚‚¢‚Ä•\Ž¦‚³‚ê‚Ä‚µ‚Ü‚¢‚Ü‚·BIE7,8‚Å‚Ì–â‘è‚Ȃ̂ŁA¡‰ñ‚̃Gƒ“ƒgƒŠ[‚ÍIE7‚©IE8‚ÅŒ©‚ĉº‚³‚¢B

ã‹L‚̃vƒŒƒrƒ…[‚ðIE‚ÅŒ©‚é‚ƁA“§‰ßPNG‘S‚Ä‚ª“§‰ßˆ—•”•ª‚ªƒMƒUƒMƒU‚É‚È‚Á‚½‚蓧‰ß‚³‚ê‚Ä‚¢‚È‚­‚È‚Á‚½‚è‚ƁA–â‘è”­¶‚µ‚Ä‚¢‚é‚Ì‚ª‚í‚©‚é‚ÆŽv‚¢‚Ü‚·BŒ©‚½Š´‚¶‚͉º‚̉摜‚̂悤‚É‚È‚è‚Ü‚·B

¡IE‚Å•\Ž¦‚³‚¹‚½ê‡‚Ì‚à‚Ì

JS‚̏ˆ—‚ð‚¢‚ê‚È‚¯‚ê‚΁EEE

JS‚Ì“§‰ßˆ—‚ð“ü‚ê‚È‚¯‚ê‚΁A“§‰ßPNG‚Í–â‘è‚È‚­•\Ž¦‚³‚ê‚Ü‚·B

ŽŽ‚µ‚ɍ¡‰ñ—˜—p‚̃vƒ‰ƒOƒCƒ“‚ðŠO‚µ‚Ä‚Ý‚é‚ƁA‚¤‚Ü‚­“§‰ßˆ—‚³‚ê‚éB

img‚Ì”wŒi‚Ébackground-color‚ðŽw’è

‚»‚ê‚ł́A‰½‚©‘Ήž•û–@‚Í‚È‚¢‚à‚Ì‚©H

‰æ‘œ‚ðì¬‚·‚éÛ‚àA”wŒi‚𓧉߂³‚¹‚é‚悤‚ȏꍇA”wŒiF‚ðŽw’肵‚½‚è‚·‚鎖‚È‚ñ‚©‚à‚ ‚é‚̂ŁAŽŽ‚µ‚ÉCSS‚Åimgƒ^ƒO‚Ì”wŒi‚É•\Ž¦‚³‚ê‚Ä‚¢‚é”wŒiF‚Æ“¯‚¶F‚ðŽw’肵‚Ă݂邱‚Æ‚É‚µ‚Ü‚·B

¦‚±‚±‚Å‚Íimg‚Ì”wŒiF‚ðƒCƒ“ƒ‰ƒCƒ“‚É‚ÄHTML‚É’¼Ú“ü‚ê‚Ä‚¢‚Ü‚·B

¡ƒfƒ‚iHTML‚Éstyle‚Å”wŒi‚ðŽw’肵‚Ä‚Ý‚éj

‚¨‚¨A‚¤‚Ü‚­“§‰ßˆ—‚³‚ꂽIH”wŒi‚Æ“¯‚¶F‚ðimg‚Ì”wŒi‚É‚à“ü‚ê‚邱‚Æ‚Å–â‘è‚È‚­•\Ž¦‚³‚ê‚é‚悤‚É‚È‚è‚Ü‚µ‚½B

‚¿‚Ȃ݂ɁAimg‚̐e—v‘fi¡‰ñ‚ÅŒ¾‚¤‚ƁAa‚âpj‚É”wŒiF‚ðŽw’肵‚½‚Ì‚Å‚·‚ªA‚»‚ê‚Å‚Í‚¤‚Ü‚­“§‰ßˆ—‚³‚ê‚Ü‚¹‚ñ‚Å‚µ‚½B“§‰ß‚³‚Ä‚¢‚é‚Æ‚±‚ë‚Ì”wŒi‚ɐFŽw’è‚·‚é‚Ì‚ªƒ|ƒCƒ“ƒg‚Á‚Û‚¢‚Å‚·‚ˁB

JS‚Åimg‚Ì”wŒi‚Ébackground-color‚ð“ü‚ê‚é

img‚Ì”wŒiF‚ð“ü‚ê‚é‚ð‚¤‚Ü‚­“§‰ßˆ—‚ð‚µ‚Ä‚­‚ê‚é‚悤‚Ȃ̂ŁAJS‘¤‚ÅŽ©“®‚ÅCSS’ljÁ‚Å‚à–â‘è‚È‚­“®ì‚·‚é‚©Šm”FB

¡’ljÁ‚µ‚½ƒXƒNƒŠƒvƒg

$('img','#demo3').css('background-color','#ffff99');

¡ƒfƒ‚

‚µ‚©‚µA‚±‚Ì”wŒi‚ð‚‚¯‚é•û–@‚Å‚à–â‘è‚Í‚ ‚è‚Ü‚·‚ˁB¡‰ñ‚̃Tƒ“ƒvƒ‹‚ł́A’PF”wŒi‚¾‚Á‚½‚©‚炱‚̂悤‚È•û–@‚Å‚à‚¢‚¢‚Ì‚Å‚·‚ªA”wŒi‚É•Ê‚ÈŒ©‚¹‚é‰æ‘œ‚ª“ü‚Á‚Ä‚¢‚é‚悤‚ȏꍇ‚́A‰æ‘œ‚Ì”wŒiF‚ªŒ©‚¦‚Ä‚µ‚Ü‚¤‚½‚߁A‚±‚Ì•û–@‚Í—˜—p‚Å‚«‚Ü‚¹‚ñ‚ˁB

¡‰ñ‚ÌŒ‹˜_

• ‚PD‰æ‘œ‚ðJS‚Å“§‰ß‚ð‚³‚¹‚éê‡‚ÍGIF‚ð—˜—p‚·‚éB
• ‚QD“§‰ß‚³‚¹‚½PNG‚ÉJS‚Å“§‰ß‚ð‚³‚¹‚éê‡‚Íimg‚É”wŒiF‚‚¯‚éB
• ‚RD“§‰ß‚³‚¹‚½PNG‚ÉJS‚Å‚Ì“§‰ß‚Í‚³‚¹‚È‚¢B(“§‰ß‚³‚¹‚½”wŒi‚ðŒ©‚¹‚é‚悤‚ȏꍇ)

‚ƁA‚±‚ñ‚È‚Æ‚±‚ë‚Å‚µ‚傤‚©B

‚±‚Ì‚Ù‚©‚É•û–@‚ª‚ ‚é‚Ì‚©‚í‚©‚ç‚È‚¢‚Ì‚Å‚·‚ªA‚Æ‚è‚ ‚¦‚¸‘Ήž•û–@‚̈ê‚‚Ƃµ‚Ä“ª‚É“ü‚ê‚Ä‚¨‚¢‚Ä‚¢‚½‚¾‚¯‚½‚ç‚ÆŽv‚¢‚Ü‚·B¡‚Ì‚Æ‚±‚ëˆë”Ԃ́AGIF‚ð—˜—p‚·‚é‚©A‚à‚µ‚­‚ÍJS‚Å“§‰ß‚³‚¹‚È‚¢I‚Á‚Ä‚Æ‚±‚ë‚Å‚µ‚傤‚©B