Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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Ñ¡ÔñÆ÷

CSSÑ¡ÔñÆ÷¿ÉÒÔ׼ȷµÄ²éÕÒµ½Ö¸¶¨µÄ±êÇ©£¬Ê¹ÓÃCSSÑ¡ÔñÆ÷¿ÉÒÔʹÎÒÃÇ·½±ãΪ±êÇ©¶¨ÒåCSSÑùʽ£¬¶ø²»ÓÃΪÿ¸ö±êÇ©¶¼¶¨ÒåCSSÑùʽ¡£
ÏÂÃæÎÒÃǽ²Ò»ÏÂ×î³£ÓõÄÎåÖÖCSSÑ¡ÔñÆ÷£º
Ò»¡¢±êǩѡÔñÆ÷£ºÍ¨³£ÓÃËüÀ´²éÕÒHTMLÖеÄijһÖÖ±êÇ©¡£
ÀýÈ磺
ҪΪHTMLÖеÄËùÓÐP±êÇ©Éè¼ÆÑùʽ£¬¿ÉÒÔʹÓÃÏÂÃæµÄ·½·¨
p { font:12px;}
¶þ¡¢idÑ¡ÔñÆ÷£º Í ......

×Ö·û´®½ØÈ¡ÎÊÌâ 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 ......

FLex×é¼þÖ®¹ö¶¯Ìõ(ScrollBar)CSSÃÀ»¯

<?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. ......

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