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

css,javascriptµÄÔ¤¼ÓÔØ

css,javascriptµÄÔ¤¼ÓÔØ
ΪÁËÌá¸ßÍøÕ¾µÄ¼ÓÔØËٶȣ¬ÓÐÒ»¸öºÜÖØÒªµÄÊֶξÍÊÇÔÚÓû§ä¯ÀÀ¹ý³ÌÖеÄÉÏÓÎÍøÕ¾×öÒ»¸öÎļþµÄÔ¤¼ÓÔØ¡£Ô¤¼ÓÔØÎļþÒ»°ãÓÐÁ½ÖÖ³£Óõķ½Ê½£ºxhrºÍ¶¯Ì¬²åÈë½ÚµãµÄ·½Ê½¡£¶¯Ì¬²åÈë½ÚµãÊÇ×îΪ¼òµ¥Ò²×îΪ¹ã·ºµÄÒ»ÖÖÒì²½¼ÓÔØ·½Ê½(ÀýÈçyuiµÄGetÄ£¿é)£¬È»ºóʹÓö¯Ì¬²åÈë½Úµã·½·¨¼ÓÔصÄÎļþ¶¼»áÔÚ¼ÓÔغóÁ¢¼´Ö´ÐУ¬javascriptµÄÖ´ÐÐÒ»·½Ãæ»áÕ¼ÓÃä¯ÀÀÆ÷jsÖ´Ðнø³Ì£¬ÁíÒ»·½ÃæÒ²¿ÉÄܸıäÒ³Ãæ½á¹¹£¬¶øcssµÄÖ´ÐиüÓпÉÄÜÈÃÕû¸öÒ³Ãæ±ä»¯¡£xhr·½Ê½ËäÈ»²»»áÖ´Ðнű¾£¬µ«ÊÇÓÉÓÚͬÓòµÄÏÞÖÆ£¬ÇÒÈç½ñÍøÕ¾µÄ¾²Ì¬Îļþ¶¼ÊDz¿ÊðÔÚcdn·þÎñÆ÷ÉÏ£¬ÈçºÎÔ¤¼ÓÔØcss jsÎļþÒ²±äÓеãÐþÃîÁË¡£
Stoyan Stefanov ׫ÎļòÃ÷µÄ²ûÊöÁËÒ»ÖÖ¼ÓÔØÎļþ¶ø²»»áÈÃÖ®Ö´Ðеķ½·¨¡£Ô­ÎĿɼû  http://www.phpied.com/preload-cssjavascript-without-execution/
¾ßÌåµÄ·½·¨ÊÇ£¬ieÖÐʹÓà new Image().src È¥Ô¤¼ÓÔØÎļþ£¬¶øÆäËûä¯ÀÀÆ÷ʹÓö¯Ì¬²åÈëµÄ <object> ±êÇ©À´Íê³É¼ÓÔØ¡£
²¿·Ö´úÂëÈçÏÂ
code
 1 window.onload = function () {
 2 
 3     var i = 0,
 4         max = 0,
 5         o = null,
 6 
 7         // list of stuff to preload
 8         preload = [
 9             'http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.png',
10             'http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.js',
11             'http://tools.w3clubs.com/pagr2/<?php echo $id; ?>.sleep.expires.css'
12         ],
13         isIE = naviga


Ïà¹ØÎĵµ£º

ÍøÕ¾ºÚ°×°æµÄcssÑùʽ

1¡¢CSS·ç¸ñÍøÕ¾£¬½«ÏÂÃæÕâ¶Î´úÂëÌí¼Óµ½ÍøÕ¾cssÎļþ×¶Ë¡£
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
»òÕߣº
ÔÚcssÎļþµÄbodyÖмÓÈëfilter:gray£º
body {filter:gray}
¡¡¡¡2¡¢Î´ÆôÓÃCSS·ç¸ñÍøÕ¾£¬ÔÚÍøÒ³»òÕßÄ£°åµÄHTML´úÂëºÍÖ®¼ä²åÈëÒÔÏ´úÂ룺
<style>
html{filter:pro ......

³£ÓÃCSSÑ¡ÔñÆ÷


Ñ¡ÔñÆ÷ Óï·¨ ÃèÊö ʾÀý ±êÇ©Ñ¡ÔñÆ÷ E{ .....} ÒÔÎĵµÔªËØ×÷ΪѡÔñ·û td{font-size:14px;
    ......} IDÑ¡ÔñÆ÷ #ID{...} ÒÔÎĵµÔªËصÄΩһ± ......

CSS×ܽá

CSS »ù´¡Óï·¨
 
µ±Í¬Ò»¸ö HTML ÔªËر»²»Ö¹Ò»¸öÑùʽ¶¨Òåʱ£¬»áʹÓÃÄĸöÑùʽÄØ£¿
Ò»°ã¶øÑÔ£¬ËùÓеÄÑùʽ»á¸ù¾ÝÏÂÃæµÄ¹æÔò²ãµþÓÚÒ»¸öеÄÐéÄâÑùʽ±íÖУ¬ÆäÖÐÊý×Ö 4 ÓµÓÐ×î¸ßµÄÓÅÏÈȨ¡£
1.   ä¯ÀÀÆ÷ȱʡÉèÖÃ
2.   ÍⲿÑùʽ±í
3.   ÄÚ²¿Ñùʽ±í£¨Î»ÓÚ <head> ±êÇ©ÄÚ²¿£©
4.&nb ......

9 ¸ö»ùÓÚJavaScript ºÍ CSS µÄ Web ͼ±í¿ò¼Ü


      jQuery, MooTools, Prototype µÈÓÅÐãµÄ
JavaScript ¿ò¼ÜÓµÓи÷ÖÖÇ¿´óµÄ¹¦ÄÜ£¬°üÀ¨»æÖÆ Web ͼ±í£¬Ê¹ÓÃÕâЩ¿ò¼ÜÒÔ¼°ÏàÓ¦²å¼þ£¬ÎÒÃÇ¿ÉÒԷdz£ÇáËɵØʵÏÖÇúÏßͼ£¬Ô²±ýͼ£¬Öù״ͼµÈ
Web ͼ±íµÄ»æÖÆ£¬¶ø²»±ØÏóÒÔÍùÄÇÑùͨ¹ý¸´Ô Flash ¼¼ÊõʵÏÖ¡£±¾ÎĽéÉÜÁË9¸öÓÅÐãµÄ»ùÓÚ JavaScript Óë CSS& ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ