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

Jquery CSS ²Ù×÷

jQueryÌṩcss()µÄ·½·¨À´ÊµÏÖǶÈëʽ¸Ä±äÔªËØÑùʽ£¬css()·½·¨ÔÚʹÓÃÉϾßÓжàÑùÐÔ¡£ÆäÖÐÒ»ÖÖ½ÓÊÜÁ½¸öÊäÈë²ÎÊý£ºÑùʽÊôÐÔºÍÑùʽֵ£¬ËüÃÇÖ®¼äÓöººÅ·Ö¿ª¡£±ÈÈçÎÒÃÇÒª¸Ä±äÁ´½ÓÑÕÉ«£¬ÎÒÃÇ¿ÉÒÔʹÓÃÏÂÃæµÄ´úÂ룺$("#61dh a").css('color','#123456');
//ÕâÀïÑ¡ÔñÆ÷¡®$("#61dh a")¡¯±íʾIDΪ¡®#61dh¡¯µÄÔªËØÏµÄËùÓÐÁ´½Ó¡£
//.css(¡®color¡¯,'#123456');±íʾ°ÑÑÕÉ«ÉèΪ'#123456'
Èç¹ûÎÒÃÇÐèÒª¸Ä±ä¶à¸öÑùʽÊôÐÔ£¬ÎÒÃÇ¿ÉÒÔÏȶ¨ÒåÊôÐÔ±äÁ¿£¬È»ºóÖ±½Ó¸³Öµ¸øcss()·½·¨¡£Ê¾ÀýÈçÏ£ºvar divcss = {
background: '#EEE',
width: '478px',
margin: '10px 0 0',
padding: '5px 10px',
border: '1px solid #CCC'
};
$("#result").css(divcss);
//ÕâÀïÎÒÃÇÏȶ¨ÒåÁËÒ»¸öCSSÑùʽÊôÐÔ±äÁ¿¡®divcss¡¯£¬ÕâÀàËÆÓÚ½¨Á¢Ò»¸öÍⲿCSSÎļþ¡£
//È»ºóͨ¹ýjQueryÌṩµÄcss()·½·¨£¬°ÑÊôÐÔ¸³¸øIDΪ'#result'µÄDIV¡£
ÁíÍâjQueryÌṩµÄcss()·½·¨»¹¿ÉÒÔÓÃÀ´²é¿´Ä³¸öÔªËØµÄcssÊôÐÔÖµ¡£ÀýÈ磬ÎÒÃÇÏë²é¿´Á´½ÓµÄÑÕÉ«£¬¿ÉÒÔʹÓÃÏÂÃæµÄ´úÂ룺$("#61dh a").css("color")
//ºÍµÚÒ»¸öÀý×ÓÏàËÆ£¬µ«ÊÇÕâÀïÎÒÃÇÖ»´«µÝÒ»¸ö²ÎÊý(ÑùʽÊôÐÔ)
×îºóÒª½éÉܵÄÊÇÈçºÎÉèÖÃÊó±ê»®¹ýºóµÄÁ´½ÓÑùʽ(±ÈÈç: ÑÕÉ«)¡£ÎÒÃÇÎÞ·¨Ê¹ÓÃÑ¡ÔñÆ÷Ö±½ÓÑ¡ÔñÊó±ê»®¹ý״̬ϵÄÁ´½Ó£¬Ò²¾ÍÊÇ˵$("a:hover")ÊDz»³ÉÁ¢µÄ¡£Òò´ËÎÒÃÇÐèÒªÓõ½jQueryÌṩµÄʼþÀà·½·¨ - hover()¡£ÖµµÃ×¢ÒâµÄÊÇ£¬hover()·½·¨ÐèÒª¶¨ÒåÁ½¸öº¯Êý£¬Ò»¸öÊÇÊó±ê»®¹ýʱ£»ÁíÒ»¸öÊÇÊó±ê»®¹ýºó¡£¾ßÌå·½·¨ÈçÏ£º$("#61dh a").css('color','#123456');
$("#61dh a").hover(function(){
$(this).css('color','#999');
},
function(){
$(this).css('color','#123456');
});
//hover()·½·¨µÄÁ½¸öº¯ÊýʹÓÃÓöººÅ·Ö¸ô
Äã»òÐí×¢Òâµ½ÕâÖÖ·½·¨Ò»µã¶¼²»¼ò½à(Î¥±³ÁËjQueryµÄ×ÚÖ¼)£¬ÆäʵjQueryÌṩµÄhover()·½·¨²»ÊÇÓÃÀ´¸Ä±äCSSÑùʽµÄ¡£ÔÚʵ¼ÊÔËÓÃÖУ¬½¨ÒéʹÓÃÈçºÎÌí¼Ó/ÒÆ³ýCSSÀàÒ»ÎÄÌáµ½µÄ·½·¨À´¸Ä±äÊó±ê»®¹ýµÄÁ´½ÓÑùʽ¡£


Ïà¹ØÎĵµ£º

CSSÊó±êÑùʽ,Êó±êÊÖÐÍÑùʽ

Àý×Ó£º<span style="cursor:*">Îı¾»òÆäËüÒ³ÃæÔªËØ</span> <a href="#" style="cursor:*">Îı¾»òÆäËüÒ³ÃæÔªËØ</a> ×¢Òâ°Ñ * »»³ÉÈçÏÂ15¸öЧ¹ûµÄÒ»ÖÖ£º
ÏÂÃæÊǶÔÕâ15ÖÖЧ¹ûµÄ½âÊÍ¡£Òƶ¯Êó±êµ½½âÊÍÉÏÃæ£¬¿´¿´ÄãµÄÊó±êÆðÁËʲô±ä»¯°É£¡
handÊÇÊÖÐÍ   
Àý×Ó£ºCSSÊó±êÊÖÐÍЧ¹û <a ......

css³£ÓÃС¼Ç

×ÖÐÍ
ÎÄ×Ö顏É«
color: #000;
ÎÄ×Ö´óС
font-size: 8pt;
ÎÄ×Ö×Ö體
font-family: “arial”, dotum;
ÎÄ×Öб體
font-style: italic;
С×Ö體
font-variant: small-caps;
×Ö間¾à離
letter-spacing: 1pt;
Ðиß
line-height: 15px; (Òà¿É為°Ù·Ö±È)
ÎÄ×Ö´ ......

¡¾Õª×ÔÍøÒײ©¿Í¡¿FireFoxÓëIEÖÐCSS¼æÈݼ¼Êõ¼¯ÃàÕûÀí

1.cssÔÚ²»Í¬ä¯ÀÀÆ÷ÏÂÏÔʾЧ¹û²»Í¬
firefoxºÍIE¶ÔijЩcssÑùʽµÄÈ϶¨Óв»ÉÙÇø±ð£¬°üÀ¨£º
·                            ulºÍolµÄĬÈÏpaddingÖµÊDz»Ò»ÑùµÄ£¬ÔÚFirefoxÖУ¬ ......

ie8 css floatÎÊÌâ

#weblmenu
{
height:22px;
width:700px;
float:left;
display:inline;
text-align:left;
}
#weblmenu ul
{
height:22px;
width:700px;
text-align:left;
float:left;
}
#weblmenu ul li
{
height:22px;
width:110px;
float:left;
list-style-type:none;
text-align:center;
word-break:break-all;
} ......

ÔÚfirefoxÓëIEÏÂDIV+CSS PaddingЧ¹û²»Í¬µÄ½â¾ö·½·¨

<div style="padding-top:5px;width:200px;height:15px;background-color:#ffeeee"> test </div>
ÒÔÉÏ´úÂëÔÚIEÖкÍfirefox»áÓв»Í¬µÄЧ¹û.×îÖ÷ÒªÔ­ÒòÊÇfirefox½âÊÍpadding-topÓëIEµÄЧ¹û²»Í¬
fixfox¶ÔDIV×ܸ߶ÈÊÇpadding-top+heightµÄ,¶øIEÖÐ,padding-topÊǰüº¬ÔÚheightÖеÄ,
Òª½â¾öÕâÒ»¸öì¶Ü,¿ÉÒÔÀûÓÃ!imp ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ