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

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


      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
ÊÇÒ»¸öÃâ·ÑµÄ»ùÓÚ JavaScript µÄͼ±íÉú³ÉÆ÷£¬±í¸ñ»æÖƷdz£¼òµ¥£¬¼¸ºõ²»ÐèÒª±àÂ룬Ҳ²»ÐèÒª²å¼þºÍ·þÎñÆ÷Ä£¿é£¬Ê¹ÓÃXML »ò JavaScript Êý×黺´æÊý¾Ý¡£
3. TableToChart
TableToChart
ÊÇÒ»¸ö MooTools ½Å±¾£¬¿ÉÒÔ½« HTML Table ¶ÔÏóÖд洢µÄÊý¾Ý»æÖƳÉͼ±í¡£Äã¿ÉÒÔʹÓà table ±êÇ©Éú³Éͼ±í£¬Öù״ͼ£¬ÇúÏßͼ£¬Ô²±ýͼµÈ¡£
4. PlotKit
PlotKit
ÊÇÒ»¸ö JavaScript »æÍ¼¿â£¬Ö§³Ö HTML Canvas ±êÇ©£¬Ò²Ö§³Ö SVG¡£
5. Yahoo UI Charts Control
YUI Charts Control
¿ÉÒÔÔÚÍøÒ³ÉϽ«±í¸ñÊý¾Ýת»»ÎªÍ¼±í£¬Ö§³ÖÖù״ͼ£¬ÇúÏßͼÒÔ¼°Ô²±ýͼ¡£Ö§³Ö DataSource ¹¤¾ß£¬¿ÉÉèÖõÄÖᣬÊó±êÅÌÐýÌáʾ£¬Í¼±í×éºÏ£¬ÒÔ¼°Æ¤·ôµÈ¹¦ÄÜ¡£
6. ProtoChart
ProtoChart
ÊÇÒ»¸ö»ùÓÚ Prototype ºÍ Canvas ±êÇ©µÄ¿ªÔ´¿â£¬Õâ¸ö¿âÉîÊÜ Flot
, Flotr, Plotkit µÈÆô·¢£¬Ö§³ÖÇúÏßͼ£¬Öù״ͼ£¬Ô²±ýͼµÈ£¬¿ÉÒÔÔÚͬһ¸öͼ±íÉÏÏÔʾ¶àÌ×Êý¾Ý£¬Ö§³Ö¿É¶¨ÖƵÄͼÀý£¬Íø¸ñ£¬±ß½çÒÔ¼°±³¾°Í¼¡£Ö§³Ö IE6/7, Firefox 2/3 ÒÔ¼° Safari£¬ÉõÖÁÖ§³Ö iPhone.
7. EJSChart
EJSChart
Ö§³ÖÊó±ê×·×Ù£¬Êó±êʼþ£¬°´¼ü×·×ÙÓëʼþ£¬Ëõ·Å£¬¹ö¶¯£¬½»»¥µÈ¹¦ÄÜ£¬½«Óû§ÌåÑéÉÏÉýµ½Ò»¸öи߶ȡ£Ö§³ÖÇúÏßͼ£¬Ãæ»ýͼ£¬Àëɢͼ£¬Ô²±ýͼ£¬Öù״ͼµÈÐÎʽ£¬


Ïà¹ØÎĵµ£º

ʵÓõÄJavaScript²âÊÔ¼°Ð§Ñ鹤¾ß


JavaScript ÊÇÒ»¿îÇ¿´óµÄ¹ã·ºÔËÓÃÓÚÏÖ´úWebÕ¾µã¼°Ó¦ÓõĽű¾ÓïÑÔ¡£×÷Ϊһ¸ö¼¼ÒÕ¾«Õ¿µÄ Web ¿ª·¢Õߣ¬ÕÆÎÕJavaScript¿ÉÒÔÔöÇ¿Óû§µÄʹÓÃÌåÑ飬Ìṩ½»»¥¼°¸»¿Í»§¶ËµÈ¹¦ÄÜ¡£
¾¡¹ÜJavaScript µÄÓï·¨·Ç³£¼òµ¥£¬µ«¶ÔÓÚд³ÌÐò¶øÑÔÈÔÈ»ÊÇÀ§ÄÑÖØÖØ£¬¾ÍÊÇÒòΪËüµÄÔËÐл·¾³£º»ùÓÚWebä¯ÀÀÆ÷¡£
ÒÔÏÂÄú¿ÉÒÔ¿´µ½ÊÕ¼¯µÄ8¸öʵÓÃµÄ JavaScr ......

ÍøÕ¾ºÚ°×°æµÄ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 ......

IE6,7,8,FF css hack

CSS¼æÈÝÐÔÒ»Ö±ÊÇ´ó¼ÒÍ·ÌÛµÄÎÊÌ⣬ÏÖÔÚ˵˵ÈçºÎÇø·ÖÕ⼸¸öä¯ÀÀÆ÷£¬IE6¡¢IE7¡¢IE8ºÍFF£¬IE8¾ùÖ¸IE8Õýʽ°æ,°æ±¾ºÅ:8.0.6001.18702¡£
ÒÔÑÕɫΪÀýÀ´ËµÈçºÎÇø·ÖÕ⼸¸öä¯ÀÀÆ÷£º
.csshack{
    color:#f00;               &nbs ......

CSSä¯ÀÀÆ÷¼æÈÝÎÊÌâÕûÀí(IE6.0¡¢IE7.0 Óë FireFox)

Ô­ÎÄ:http://www.52css.com/article.asp?id=1026
 
´ÓÍøÉÏÊÕ¼¯ÁËIE7,6ÓëFireofxµÄ¼æÈÝÐÔ´¦Àí·½·¨²¢ÕûÀíÁËÒ»ÏÂ.
 
¶ÔÓÚweb2.0µÄ¹ý¶È,Ç뾡Á¿ÓÃxhtml¸ñʽд´úÂë,¶øÇÒDOCTYPE Ó°Ïì CSS ´¦Àí,×÷ΪW3CµÄ±ê×¼,Ò»¶¨Òª¼Ó DOCTYPEÉùÃ÷.
1.divµÄ´¹Ö±¾ÓÖÐÎÊÌâ  
vertical-align:middle; 
½«ÐоàÔö¼Óµ ......

È«ÃæÀí½âjavascriptµÄcaller,callee,call,apply¸ÅÄî

Arguments
¸Ã¶ÔÏó´ú±íÕýÔÚÖ´Ðеĺ¯ÊýºÍµ÷ÓÃËüµÄº¯ÊýµÄ²ÎÊý¡£
[function.]arguments[n]
²ÎÊý
function £ºÑ¡Ïî¡£µ±Ç°ÕýÔÚÖ´ÐÐµÄ Function ¶ÔÏóµÄÃû×Ö¡£
n £ºÑ¡Ïî¡£Òª´«µÝ¸ø Function ¶ÔÏóµÄ´Ó0¿ªÊ¼µÄ²ÎÊýÖµË÷Òý¡£
˵Ã÷
ArgumentsÊǽøÐк¯Êýµ÷ÓÃʱ£¬³ýÁËÖ¸¶¨µÄ²ÎÊýÍ⣬»¹ÁíÍâ´´½¨µÄÒ»¸öÒþ²Ø¶ÔÏó¡£ArgumentsÊÇÒ»¸öÀàËÆ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ