Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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:padding

¼ä϶ÊôÐÔÊÇÓÃÀ´ÉèÖÃÔªËØÄÚÈݵ½ÔªËر߽çµÄ¾àÀë¡£°üÀ¨£º
1£©×ó¼ä϶ÊôÐÔ£¨padding-left£©
Õâ¸öÊôÐÔÓÃÀ´É趨×ó¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1{padding-left:1cm}
2£©ÓÒ¼ä϶ÊôÐÔ£¨padding-right£©
Õâ¸öÊôÐÔÓÃÀ´É趨ÓÒ¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1 {padding-right:1cm}
3£©Éϼä϶ÊôÐÔ£¨padding-top£©
Õâ¸öÊôÐÔÓÃÀ´É趨Éϼä϶µÄ¿í¶È¡£À ......

×Ö·û´®½ØÈ¡ÎÊÌâ css½ØÈ¡×Ö·û´®×¢ÒâÊÂÏî

<div class="llist" >
<div class="lbar">¶¨ÏòÓªÏú</div>
<ul class="lbox01" style="height: auto;min-height: 100px;">
<c:forEach var="item" items="${marketInfos.results}">
<li><div style="overflow:hidden; text-overfl ......

³¬¼¶Î޵и÷ÖÖä¯ÀÀÆ÷css hack

.styleName{
color
:
#FFF
;
/* FF,OP,IE8 */
[
;
color:
#0F0
;
]
/* Sa,CH */
*
color
:
#FF0
;
/* IE7 */
_color:
#F00
;
/* IE6 */
}
.styleName{
background-color
:
#332200
;
/* FF*/
}
html*
.styleName{
background-color
:
#FF00FF
;
/* Sa IE7 CH */
}
*+
html .style ......

ÓÃ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ºÅ