Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

jQueryʹÓÃÊÖ²áÖ®CSS²Ù×÷

Jquery¶ÔcssµÄ²Ù×÷Ï൱·½±ã£¬Äܷܺ½±ãÎÒÃÇȥͨ¹ýjsÐÞ¸Äcss¡£´«Í³javascript¶ÔcssµÄ²Ù×÷Ï൱·±Ëö£¬±ÈÈç
<div id="a" style="background:blue">css</div>
È¡ËüµÄbackgroundÓï·¨ÊÇ£º
document.getElementById("a").style.background
¶øjQuery¶Ôcss¸ü·½±ãµÄ²Ù×÷£º
$("#a").background();$("#a").background(“red”)
˵Ã÷ÈçÏÂ
$("#a")µÃµ½jQuery¶ÔÏó[ <div id="a" … /div> ]
$("#a").background()½«È¡³ö¸Ã¶ÔÏóµÄbackgroundÑùʽ¡£
$("#a").background(“red”)½«¸Ã¶ÔÏóµÄbackgroundÑùʽÉèΪredjQueryÌṩÁËÒÔÏ·½·¨£¬À´²Ù×÷css:
background ()
background (val)
color()
color(val)
css(name)
css(prop)
css(key, value)
float()
float(val)
height()
height(val)
width()
width(val)  
left()
left(val)
overflow()
overflow(val)
position()
position(val)
top()
top(val)
ÕâÀïÐèÒª½²½âÒ»ÏÂcss(name);css(prop);css(key, value)£¬ÆäËûµÄ¿´Ãû×Ö¶¼ÖªµÀʲô×÷ÓÃÁË£¡
<div id="a" style="background:blue; color:red">css</div><P id="b">test</P>
css(name):»ñÈ¡ÑùʽÃûΪnameµÄÑùʽ
$("#a").css("color"):½«µÃµ½ÑùʽÖÐcolorÖµred£¬("#a").css("background ")½«µÃµ½blue
css(prop):propÊÇÒ»¸öhash¶ÔÏó£¬ÓÃÓÚÉèÖôóÁ¿µÄcssÑùʽ
$("#b").css({ color: "red", background: "blue" });
×îÖÕЧ¹ûÊÇ
<p id="b" style="background:blue; color:red">test</p>
{ color: "red", background: "blue" }£¬hash¶ÔÏó£¬colorΪkey£¬"red"Ϊvalue£¬
css(key, value)  ÓÃÓÚÉèÖÃÒ»¸öµ¥¶ÀµÃcssÑùʽ
$("#b").css("color","red");
×îÖÕЧ¹ûÊÇ
<p id="b" style="color:red">test</p>


Ïà¹ØÎĵµ£º

cssµÄposition relative¼æÈÝÎÊÌâÓë½â¾ö°ì·¨

   position:relativeÔÚcssÉè¼ÆÖÐÓÐמÓסÇáÖØµÄ×÷Óã¬Èç¹ûÄ㻹ûÓÐÓùýËüÄÇ̫;ÊǾ޴óµÄÒź¶£¬ÒÔǰ×ö¹ýdiv titleÌáʾ¿òµÄʱºòÓиö¼ýÍ·¶¨Î»ÎÊÌ⣬µ±Ê±µÄ½â¾ö°ì·¨¾ÍÊǶàÌ×ÓÃÒ»²ãdiv²¢ÇÒÁô°×Ò»¶¨´óС£¬ÓÃÀ´±³¾°ÏÔʾ¼ýÍ·£¬µ«ÊÇ·¢ÏÖ¼ýÍ·ÓÀÔ¶ÔÚÏÂÃæ£¬Ã»Óа취ÕÚ¸Ç
Ö÷ÌåÈںϵIJ¿·Ö
£¬ËùÒÔЧ¹ûÒ²¾Í²»ºÃ£¬µ±È»£¬´ÏÃ÷µÄÄ ......

[css Hack]IE6,IE7,IE8,FireFoxµÄcssÏàÈÝÐÔ

1.Çø±ðIEºÍFirefox
.title {
background:blue; /*Firefox */
background:red \9; /*IE6¡¢IE7¡¢IE8*/
}
2.Çø±ðIE6¡¢IE7¡¢IE8¡¢Firefox
.title {
background:blue; /*Firefox */
background:red \9; /*IE6¡¢IE7¡¢IE8 */
*background:black; /*IE7 */
_background:orange; /*IE6 */
}
×¢Ò⣬ÎÞÂÛÔõÑù£¬¶¼ÊÇFireFox ......

cssÏû³ýA±êǩѡÖÐʱµÄÐéÏß¿ò


HTMLÖÐA±êÇ©±»µã»÷ºó£¬Æä»ñµÃÁ˽¹µã£¬ÔÚÆäÖÜΧ»áÓпɶñµÄÐéÏß¿ò£»ÓÐʱÎÒÃDz»ÏëÈÃÓû§·¢ÏÖ£¬Ê¹ÓÃÒÔÏÂcss´úÂë¼´¿ÉÏû³ý¡£
/*ΪÁËÏû³ýÑ¡ÖÐʱµÄÐéÏß¿ò*/
a
{
bblr:expression(this.onFocus=this.blur());/*IEʹÓÃ*/
outline-style:none;/*FFʹÓÃ*/
}
......

IEÓëFirefoxµÄCSS¼æÈÝ´óÈ« À´Ô´:cz268

CSS¶Ôä¯ÀÀÆ÷Æ÷µÄ¼æÈÝÐÔ¾ßÓкܸߵļÛÖµ£¬Í¨³£Çé¿öÏÂIEºÍFirefox´æÔںܴóµÄ½âÎö²îÒ죬ÕâÀï½éÉÜһϼæÈÝÒªµã¡£
³£¼û¼æÈÝÎÊÌ⣺
1¡¢DOCTYPE Ó°Ïì CSS ´¦Àí
2¡¢FF£ºdiv ÉèÖà margin-left£¬ margin-right Ϊ auto ʱÒѾ­¾ÓÖУ¬IE ²»ÐÐ
3¡¢FF: body ÉèÖà text-align ʱ£¬ div ÐèÒªÉèÖà margin: auto(Ö÷ÒªÊÇ margin-left£¬margi ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ