jQuery, MooTools, Prototype µÈÓÅÐãµÄ
JavaScript ¿ò¼ÜÓµÓи÷ÖÖÇ¿´óµÄ¹¦ÄÜ£¬°üÀ¨»æÖÆ Web ͼ±í£¬Ê¹ÓÃÕâЩ¿ò¼ÜÒÔ¼°ÏàÓ¦²å¼þ£¬ÎÒÃÇ¿ÉÒԷdz£ÇáËɵØʵÏÖÇúÏßͼ£¬Ô²±ýͼ£¬Öù״ͼµÈ
Web ͼ±íµÄ»æÖÆ£¬¶ø²»±ØÏóÒÔÍùÄÇÑùͨ¹ý¸´Ô Flash ¼¼ÊõʵÏÖ¡£±¾ÎĽéÉÜÁË9¸öÓÅÐãµÄ»ùÓÚ JavaScript Óë CSS µÄ Web ͼ±í¿ò¼Ü¡£
jQuery, MooTools, Prototype µÈÓÅÐãµÄ JavaScript ¿ò¼ÜÓµÓи÷ÖÖÇ¿´óµÄ¹¦ÄÜ£¬°üÀ¨»æÖÆ Web
ͼ±í£¬Ê¹ÓÃÕâЩ¿ò¼ÜÒÔ¼°ÏàÓ¦²å¼þ£¬ÎÒÃÇ¿ÉÒԷdz£ÇáËɵØʵÏÖÇúÏßͼ£¬Ô²±ýͼ£¬Öù״ͼµÈ Web ͼ±íµÄ»æÖÆ£¬¶ø²»±ØÏóÒÔÍùÄÇÑùͨ¹ý¸´Ô Flash
¼¼ÊõʵÏÖ¡£±¾ÎĽéÉÜÁË9¸öÓÅÐãµÄ»ùÓÚ JavaScript Óë CSS µÄ Web ͼ±í¿ò¼Ü¡£
1.
Flot
Flot
ÊÇÒ»¸ö´¿´âµÄ jQuery JavaScript
»æͼ¿â£¬¿ÉÒÔÔÚ¿Í»§¶Ë¼´Ê±Éú³ÉͼÐΣ¬Ê¹Ó÷dz£¼òµ¥£¬Ö§³Ö·Å´óËõСÒÔ¼°Êó±ê×·×ٵȽ»»¥¹¦ÄÜ¡£¸Ã²å¼þÖ§³Ö IE6/7/8, Firefox 2.x+,
Safari 3.0+, Opera 9.5+ ÒÔ¼° Konqueror 4.x+¡£Ê¹ÓõÄÊÇ Safari ×îÏÈÒýÈëµÄ Canvas
¶ÔÏó£¬Ä¿Ç°ËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö¸Ã¶ÔÏ󣬳ýÁË IE, Òò´ËÔÚ IEÖÐʹÓà JavaScript ½øÐÐÄ£Äâ¡£ÕâÀïÓÐһЩʵÀý
¡£
2. JS Charts
JS Charts
ÊÇÒ»¸öÃâ·Ñµ ......
jQuery, MooTools, Prototype µÈÓÅÐãµÄ
JavaScript ¿ò¼ÜÓµÓи÷ÖÖÇ¿´óµÄ¹¦ÄÜ£¬°üÀ¨»æÖÆ Web ͼ±í£¬Ê¹ÓÃÕâЩ¿ò¼ÜÒÔ¼°ÏàÓ¦²å¼þ£¬ÎÒÃÇ¿ÉÒԷdz£ÇáËɵØʵÏÖÇúÏßͼ£¬Ô²±ýͼ£¬Öù״ͼµÈ
Web ͼ±íµÄ»æÖÆ£¬¶ø²»±ØÏóÒÔÍùÄÇÑùͨ¹ý¸´Ô Flash ¼¼ÊõʵÏÖ¡£±¾ÎĽéÉÜÁË9¸öÓÅÐãµÄ»ùÓÚ JavaScript Óë CSS µÄ Web ͼ±í¿ò¼Ü¡£
jQuery, MooTools, Prototype µÈÓÅÐãµÄ JavaScript ¿ò¼ÜÓµÓи÷ÖÖÇ¿´óµÄ¹¦ÄÜ£¬°üÀ¨»æÖÆ Web
ͼ±í£¬Ê¹ÓÃÕâЩ¿ò¼ÜÒÔ¼°ÏàÓ¦²å¼þ£¬ÎÒÃÇ¿ÉÒԷdz£ÇáËɵØʵÏÖÇúÏßͼ£¬Ô²±ýͼ£¬Öù״ͼµÈ Web ͼ±íµÄ»æÖÆ£¬¶ø²»±ØÏóÒÔÍùÄÇÑùͨ¹ý¸´Ô Flash
¼¼ÊõʵÏÖ¡£±¾ÎĽéÉÜÁË9¸öÓÅÐãµÄ»ùÓÚ JavaScript Óë CSS µÄ Web ͼ±í¿ò¼Ü¡£
1.
Flot
Flot
ÊÇÒ»¸ö´¿´âµÄ jQuery JavaScript
»æͼ¿â£¬¿ÉÒÔÔÚ¿Í»§¶Ë¼´Ê±Éú³ÉͼÐΣ¬Ê¹Ó÷dz£¼òµ¥£¬Ö§³Ö·Å´óËõСÒÔ¼°Êó±ê×·×ٵȽ»»¥¹¦ÄÜ¡£¸Ã²å¼þÖ§³Ö IE6/7/8, Firefox 2.x+,
Safari 3.0+, Opera 9.5+ ÒÔ¼° Konqueror 4.x+¡£Ê¹ÓõÄÊÇ Safari ×îÏÈÒýÈëµÄ Canvas
¶ÔÏó£¬Ä¿Ç°ËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö¸Ã¶ÔÏ󣬳ýÁË IE, Òò´ËÔÚ IEÖÐʹÓà JavaScript ½øÐÐÄ£Äâ¡£ÕâÀïÓÐһЩʵÀý
¡£
2. JS Charts
JS Charts
ÊÇÒ»¸öÃâ·Ñµ ......
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 & ......
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 & ......
ΪÁËÌá¸ßÍøÕ¾µÄ¼ÓÔØËٶȣ¬ÓÐÒ»¸öºÜÖØÒªµÄÊֶξÍÊÇÔÚÓû§ä¯ÀÀ¹ý³ÌÖеÄÉÏÓÎÍøÕ¾×öÒ»¸öÎļþµÄÔ¤¼ÓÔØ¡£Ô¤¼ÓÔØÎļþÒ»°ãÓÐÁ½ÖÖ³£Óõķ½Ê½£º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 ma ......
ΪÁËÌá¸ßÍøÕ¾µÄ¼ÓÔØËٶȣ¬ÓÐÒ»¸öºÜÖØÒªµÄÊֶξÍÊÇÔÚÓû§ä¯ÀÀ¹ý³ÌÖеÄÉÏÓÎÍøÕ¾×öÒ»¸öÎļþµÄÔ¤¼ÓÔØ¡£Ô¤¼ÓÔØÎļþÒ»°ãÓÐÁ½ÖÖ³£Óõķ½Ê½£º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 ma ......
ÔÚhtmlÖУ¬¼´Ê¹ÎÒÃÇûÓÐÖ¸¶¨Ò³ÃæÔªËØÏÔʾµÄcssÑùʽ£¬ÔªËØÒ²»á°´ÕÕĬÈϵĵıê×¼cssÑùʽȥÏÔʾ¡£Òò´ËÕÆÎÕ»ù±¾µÄhtml±êÇ©¿ÉÒÔÔÚÒ»¶¨³Ì¶ÈÉϾ«¼òÄãµÄcss´úÂ룬ÏÖ½«html±êÇ©µÄĬÈÏÊôÐÔ½øÐÐÒ»¶¨µÄ»ã×ÜÈçÏ£º
li { display: list-item }
head { display: none }
table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { displa ......
ÔÚhtmlÖУ¬¼´Ê¹ÎÒÃÇûÓÐÖ¸¶¨Ò³ÃæÔªËØÏÔʾµÄcssÑùʽ£¬ÔªËØÒ²»á°´ÕÕĬÈϵĵıê×¼cssÑùʽȥÏÔʾ¡£Òò´ËÕÆÎÕ»ù±¾µÄhtml±êÇ©¿ÉÒÔÔÚÒ»¶¨³Ì¶ÈÉϾ«¼òÄãµÄcss´úÂ룬ÏÖ½«html±êÇ©µÄĬÈÏÊôÐÔ½øÐÐÒ»¶¨µÄ»ã×ÜÈçÏ£º
li { display: list-item }
head { display: none }
table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { displa ......
ÁоÙһЩÍøÕ¾Ò³Ãæ±ä»ÒµÄcss´úÂë:
Ê×ÏÈÈ·±£ÍøÕ¾ÓÐ1.0±ê×¼ÉùÃ÷:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
·½·¨ÈçÏÂ:
1.html{filter:gray;}
2.body {filter:gray;}
3.html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
4.Ö»Ö§³ÖIE
html,body,p,div,form{filter:gray;color:gray;}
5.FLASH¶¯»µÄÑÕÉ«²»Äܱ»CSSÂ˾µ¿ØÖÆ£¬¿ÉÒÔÔÚFLASH´úÂëµÄ <object …>ºÍ </object>Ö®¼ä²åÈ룺
<param value=”false” name=”menu”/>
<param value=”opaque” name=”wmode”/>html { filter:progid:DXImageTransform.Microsoft.BasicImage
(grayscale=1); }
Ç°ÃæµÄ1-4µãµÄ´úÂëÖ»ÐëÒ»¸ö¼´¿É£¬ÓÐcssÎļþµÄ¼ÓÈëcssÎļþ£¬Ã»ÓеļÓÈëµ½<head>…<style>ÉÏÃæµÄ´úÂë
</style>…</head>¼´¿É
´ËÎÄÀ´×Ô£ºhttp://www.losever.com/?tag=%E7%BD%91%E7%AB%99%E6%95% ......
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>¹Ì¶¨±íÍ·ºÍÁÐ</title>
<style>
.FixedTitleRow
{
position: relative;
top: expression(this.offsetParent.scrollTop);
z-index: 10;
background-color: #E6ECF0;
}
.FixedTitle11
{
position: relative;
right: expression(this.offsetParent ......