Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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ʵÏÖHTMLÔª¼þµÄ¾ø¶Ô¶¨Î»


ʾÀý£º´ËDIVΪ¹Ì¶¨¶¨Î»¶ÔÏó
ҪʹHTMLÔª¼þ¶¨Î»ÓÚä¯ÀÀÆ÷µÄij¸ö¹Ì¶¨Î»Ö㬶ø²»Ëæ¹ö¶¯Ìõ¹ö¶¯£¬ÓÃÒÔÏÂCSS´úÂë¼´¿É£¬¿ç¸÷¸öÖ÷Á÷ä¯ÀÀÆ÷£º POSITION: fixed! important; TOP: 100px; _position: absolute; _top: 40; _left: 100¡£
ʾÀý¼ûÓұ߻Ƶ׺ì×Ö¿é¡£ ......

CSSÅÅ´í

£¨1£©       УÑéHTMLÎĵµ£¬È·±£Óï·¨ÎÞÎó
£¨2£©       УÑéÿһ¸öcssÑùʽ±í
a)         È·±£°ÑÊʵ±µÄ¶ÈÁ¿µ¥Î»·ÅÔÚ·ÇÁã³ß´çºó£¬²¢ÇÒÔÚµ¥Î»ºÍÊý×ÖÖ®¼äûÓпոñ
b)        È·±£Ô ......

css:border width

Óï·¨£º
 
border-width : medium | thin | thick | length
 
²ÎÊý£º
 
medium : ¡¡Ä¬ÈÏ¿í¶È
thin : ¡¡Ð¡ÓÚĬÈÏ¿í¶È
thick : ¡¡´óÓÚĬÈÏ¿í¶È
length : ¡¡Óɸ¡µãÊý×ֺ͵¥Î»±êʶ·û×é³ÉµÄ³¤¶ÈÖµ¡£²»¿ÉΪ¸ºÖµ¡£Çë²ÎÔij¤¶Èµ¥Î»
 
˵Ã÷£º
 
Èç¹ûÌṩȫ²¿Ëĸö²ÎÊýÖµ£¬½«°´ÉÏ£­ÓÒ£­Ï£­×óµÄ˳ ......

ÔÚ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 ......

ÓÃdiv+css½â¾öVS2005Öв¼¾ÖÄѵÄÎÊÌâ

ÓÃdiv+css½â¾öVS2005Öв¼¾ÖÄѵÄÎÊÌâ
Div+CSS²¼¾ÖÈëÃÅ½Ì³Ì ¡¶×ª×Ô À¶É«ÀíÏë http://www.blueidea.com/tech/site/2006/3574.asp¡·
Ò³Ãæ²¼¾ÖÓë¹æ»®
ÔÚÍøÒ³ÖÆ×÷ÖУ¬ÓÐÐí¶àµÄÊõÓÀýÈ磺CSS¡¢HTML¡¢DHTML¡¢XHTMLµÈµÈ¡£ÔÚÏÂÃæµÄÎÄÕÂÖÐÎÒÃǽ«»áÓõ½Ò»Ð©ÓйØÓÚHTMLµÄ»ù±¾ÖªÊ¶£¬¶øÔÚÄãѧϰÕâÆªÈëÃŽ̳Ì֮ǰ£¬ÇëÈ·¶¨ÄãÒѾ­¾ßÓÐÁË ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ