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

×ÔÖÆÅú´¦ÀíʹÓÃYui CompressorѹËõ²¢´ò°üjs»òcssÎļþ

½ñÌìÏÂÎ磬ÊÖÍ·ÉÏûʲôÊÂ×ö£¬ÓÚÊǾÍÉÏÍø²é¿´×ÊÁÏ£¬¿´µ½ºÜ¶àÈËдµÄYUI CompressorµÄʹÓ÷½·¨£¬´óÖÂдµÄ¶¼²»Ïêϸ£¬ÓÚÊÇ×Ô¼ºÀ´×ö¸ö×ܽᡣ
 
£¨1£©Ê×ÏÈÀ´¿´Ï£¬ÎªÊ²Ã´ÒªÑ¹Ëõjs»òcssÎļþ£¿
 
JS/CSSÎļþ´ó£¬Óû§·ÃÎÊÕ¾µãµÄʱºòÐèÒªÏÂÔØJS/CSSµÄʱ¼ä³¤¾Í»á¸Ð¾õÂý£¬ÓеÄÉõÖÁÓÉÓÚCSSµÄÎļþ¶øÔì³ÉÒ³Ãæ³õʼ´ò¿ªºÜÁèÂÒ¡£
 
£¨2£©ÎÒÃÇÔõôÌá¸ßÓû§ÏÂÔØJS/CSSµÄËÙ¶ÈÄØ£¿
 
1¡¢ÎÒÃÇÎÞ·¨¸Ä±äÓû§µÄÍøÂç×´¿ö£¬Ö»ÓÐ×Ô¼ºÍøվʹÓøü¿ìµÄ´ø¿í»òÕßʹÓøüÇ¿µÄ·þÎñÆ÷£¬Ê¹Óû§·ÃÎÊÎÒÃǵÄʱºò¸Ð¾õºÜ¿ì¡£
 
2¡¢¶ÔJS/CSSÎļþ½øÐÐѹËõ£¬ÓÉÓÚÎļþ½ÏС£¬Óû§ÏÂÔصÄʱ¼ä¾ÍºÜ¶Ì¡£
 
½â¾ö·½°¸1£¬ÐèÒª»¨·Ñ±È½Ï¶àµÄmoney,·½°¸2ʵÏֱȽϼòµ¥£¬¶øÇÒЧ¹ûÒ²Ã÷ÏÔ¡£
 
ÏÂÃæÎÒÃǽéÉÜʹÓÃYUI Compressor½øÐÐJS/CSSѹËõ´ò°üµÄ·½·¨£¬ÍøÉÏÓÐÈË×öÁËѹËõ´ó¶¼Ã»Óн²´ò°ü£¨¼´Ê¹YUI Compressor GUIÒ²ÊÇÒ»Ñù£©¡£ÔÚÕâÀïÎÒÊÇÓÃ×îÍÁµÄ°ì·¨Åú´¦ÀíÀ´×öµÄ¡£
 
1£©Ç°ÌáÊÇÄãµÄµçÄÔÉÏÒªÓÐjava 1.4ÒÔÉϵĵĻ·¾³
Èç¹ûÄãûÓа²×°JAVA»·¾³µÄ»°£¬»¹ÐèÒª°²×°Ò»ÏÂJDKÏÂÔصØÖ·ÊÇ£ºhttp://java.sun.com/javase/downloads/index.jsp ÎÒÃÇÑ¡Ôñ£¨Java SE Development Kit (JDK) 6 Update 14£©Õâ¸öÏÂÔØ¡£
 
2£©µ½ÍøÕ¾ÉÏÏÂÔØ YUI Compressor£ºhttp://www.julienlecomte.net/yuicompressor/
 
3£©½âѹµ½dÅÌ:yuicompressor-2.4.2Îļþ¼ÐÏÂ
 
4£©±àдÅú´¦ÀíÎļþcompress_js.bat £¨ÕâÀï±ÈÈçcompress_js.batÎļþ·ÅÔÚ×ÀÃ棩£º(×¢Òâ·¾¶  \  )
 
@echo off
set /p outFile=ÇëÌîдÊä³öÎļþÃû£º
set /p fList=ÇëÌîдºÏ²¢ÁбíÎļþ£º
for /f %%i in (%fList%) do type %%i >> %outFile%
java -jar D:\yuicompressor-2.4.2\build\yuicompressor-2.4.2.jar --type js --charset utf-8 %outFile% -o %outFile%
 
5£©±àдҪ´ò°üµÄÁбíÎļþ js.txt (Èç·ÅÔÚe:\jqTest\js.txt)£º(×¢Òâ·¾¶  \  )
 
E:\jqTest\scripts\nav.js
E:\jqTest\scripts\changeSkin.js
E:\jqTest\scripts\slide.js
E:\jqTest\scripts\scroll.js
E:\jqTest\scripts\tooltip.js
E:\jqTest\scripts\tree.js
E:\jqTest\scripts\ad.js
E:\jqTest\scripts\imgHover.js
E:\jqTest\scripts\imgSlide.js
 
6)Ë«»÷compress_js.batÎļþ£¬¸ù¾ÝÌáʾÊäÈëÄÚÈÝ£¬ok´ó¹¦¸æ³É
 
ÊäÈëºÍÌáʾÈçÏ£º(×¢Òâ·¾¶  \  )
 


Ïà¹ØÎĵµ£º

net ºǫ́ÉèÖÃdivµÄcssÊôÐÔ,ÉèÖÃstyle

ǰ̨div
Html´úÂë
<div id="DIV1" runat="server" >  
</div>  
ºǫ́:
C#´úÂë
this.DIV1.Style.Value = "display:none";  
»òÕß:
C#´úÂë
DIV1.Attributes.CssStyle.Value = "display:none";  
......

css³£ÓÃС¼Ç

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

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;
} ......

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

Jquery CSS ²Ù×÷

jQueryÌṩcss()µÄ·½·¨À´ÊµÏÖǶÈëʽ¸Ä±äÔªËØÑùʽ£¬css()·½·¨ÔÚʹÓÃÉϾßÓжàÑùÐÔ¡£ÆäÖÐÒ»ÖÖ½ÓÊÜÁ½¸öÊäÈë²ÎÊý£ºÑùʽÊôÐÔºÍÑùʽֵ£¬ËüÃÇÖ®¼äÓöººÅ·Ö¿ª¡£±ÈÈçÎÒÃÇÒª¸Ä±äÁ´½ÓÑÕÉ«£¬ÎÒÃÇ¿ÉÒÔʹÓÃÏÂÃæµÄ´úÂ룺$("#61dh a").css('color','#123456');
//ÕâÀïÑ¡ÔñÆ÷¡®$("#61dh a")¡¯±íʾIDΪ¡®#61dh¡¯µÄÔªËØϵÄËùÓÐÁ´½Ó¡£
//.css( ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ