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ÀàÒ»ÎÄÌáµ½µÄ·½·¨À´¸Ä±äÊó±ê»®¹ýµÄÁ´½ÓÑùʽ¡£
Ïà¹ØÎĵµ£º
£¨1£© УÑéHTMLÎĵµ£¬È·±£Óï·¨ÎÞÎó
£¨2£© УÑéÿһ¸öcssÑùʽ±í
a) È·±£°ÑÊʵ±µÄ¶ÈÁ¿µ¥Î»·ÅÔÚ·ÇÁã³ß´çºó£¬²¢ÇÒÔÚµ¥Î»ºÍÊý×ÖÖ®¼äûÓпոñ
b) È·±£Ô ......
Óï·¨£º
border-width : medium | thin | thick | length
²ÎÊý£º
medium : ¡¡Ä¬ÈÏ¿í¶È
thin : ¡¡Ð¡ÓÚĬÈÏ¿í¶È
thick : ¡¡´óÓÚĬÈÏ¿í¶È
length : ¡¡Óɸ¡µãÊý×ֺ͵¥Î»±êʶ·û×é³ÉµÄ³¤¶ÈÖµ¡£²»¿ÉΪ¸ºÖµ¡£Çë²ÎÔij¤¶Èµ¥Î»
˵Ã÷£º
Èç¹ûÌṩȫ²¿Ëĸö²ÎÊýÖµ£¬½«°´ÉÏ£Óңϣ×óµÄ˳ ......
¼ä϶ÊôÐÔÊÇÓÃÀ´ÉèÖÃÔªËØÄÚÈݵ½ÔªËر߽çµÄ¾àÀë¡£°üÀ¨£º
1£©×ó¼ä϶ÊôÐÔ£¨padding-left£©
Õâ¸öÊôÐÔÓÃÀ´É趨×ó¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1{padding-left:1cm}
2£©ÓÒ¼ä϶ÊôÐÔ£¨padding-right£©
Õâ¸öÊôÐÔÓÃÀ´É趨ÓÒ¼ä϶µÄ¿í¶È¡£ÀýÈ磺
.d1 {padding-right:1cm}
3£©Éϼä϶ÊôÐÔ£¨padding-top£©
Õâ¸öÊôÐÔÓÃÀ´É趨Éϼä϶µÄ¿í¶È¡£À ......
.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 ......
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
ScrollBar
{
/*»®¶¯¿éͼƬƤ·ô*/
thumbDownSkin: Embed(source="scrollBar/thumb. ......