»ùÓÚ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 Ö§³ÖÊó±ê×·×Ù£¬Êó±êʼþ£¬°´¼ü×·×ÙÓëʼþ£¬Ëõ·Å£¬¹ö¶¯£¬½»»¥µÈ¹¦ÄÜ£¬½«Óû§ÌåÑéÉÏÉýµ½Ò»¸öи߶ȡ£Ö§³ÖÇúÏßͼ£¬Ãæ»ýͼ£¬Àëɢͼ£¬Ô²±ýͼ£¬Öù״ͼµÈÐÎʽ£¬ÓµÓÐÍ걸ÎĵµµÄÊôÐԺͷ½·¨¿ÉÒÔ°ïÖúʵÏֺܺõ͍֯¡£ 8. fgCharting fgCharting ÊÇÒ»¸öºÜ³öÉ«µÄ jQuery ²å¼þ£¬Ö§³Ö¶àÖÖͼÐΡ£ 9. Pure Css Data Chart ÒÔÍùµÄÊý¾ÝչʾÍùÍùͨ¹ý flash ʵÏÖ£¬ÏÖÔÚ£¬ÎÒÃÇ¿ÉÒÔͨ¹ý´¿´âµÄ CSS ʵÏÖÀàËÆµÄ¹¦ÄÜ¡£CSSGlobe ÓÐÒ»¸ö·Ç³£ÊµÓõĽ̳̰ïÄãʵÏÖ»ùÓÚ CSS µÄ»æÍ¼£¬ÉõÖÁ²»ÐèÒª JavaScript¡£
Ïà¹ØÎĵµ£º
ÒýÑÔ
ÔÙÀ´¿´¿´functionÓëobjectµÄ³¬È»½áºÏ°É¡£
ÔÚÃæÏò¶ÔÏóµÄ±à³ÌÊÀ½çÀÊý¾ÝÓë´úÂëµÄÓлú½áºÏ¾Í¹¹³ÉÁ˶ÔÏóµÄ¸ÅÄî¡£×Ô´ÓÓÐÁ˶ÔÏ󣬱à³ÌÊÀ½ç¾Í±»»®·Ö³ÉÁ½²¿·Ö£¬Ò»¸öÊǶÔÏóÄÚµÄÊÀ½ç£¬Ò»¸öÊǶÔÏóÍâµÄÊÀ½ç¡£¶ÔÏóÌìÉú¾ßÓÐ×Ô˽µÄÒ»Ãæ£¬ÍâÃæµÄÊÀ½çδ¾ÔÊÐíÊDz»¿É·ÃÎʶÔÏóÄÚ²¿µÄ¡£¶ÔÏóÒ²Óдó ......
ÒýÑÔ
ÔÚJavaScriptÖÐÎÒÃÇʹÓÃÁËÒ»ÖÖ±»³ÆÎª JavaScript Object Notation(ËõдJSON)µÄÐÎʽ£¬·ÒëΪÖÐÎľÍÊÇ“JavaScript¶ÔÏó±íʾ·¨”¡£Ëü¿ÉÒÔ¼ò½éÇåÎúµØ½«¶ÔÏóµÄ½á¹¹ÃèÊö³öÀ´£¬´Ó¶ø´ó´ó½µµÍÁËÎÒÃǵŤ×÷Á¿²¢¼õÉÙÁËÊý¾ÝÁ¿¡£
JsonʾÀý
<script languag ......
ÒýÑÔ
prototypeÔ´×Ô·¨ÓÈí¼þ½çµÄ±ê×¼·ÒëΪ“ÔÐÍ”£¬´ú±íÊÂÎïµÄ³õʼÐÎ̬£¬Ò²º¬ÓÐÄ£ÐͺÍÑù°åµÄÒâÒå¡£
prototypeÊôÐÔ
JavaScriptµÄËùÓÐfunctionÀàÐ͵ĶÔÏó¶¼ÓÐÒ»¸öprototypeÊôÐÔ¡£Õâ¸öprototypeÊôÐÔ±¾ÉíÓÖÊÇÒ»¸ö object ÀàÐ͵ĶÔÏó£¬Òò´ËÎÒÃÇÒ²¿ÉÒÔ¸ ......
a href="javascript:if(confirm(
ÐüÉÍ·Ö£º0 - ½â¾öʱ¼ä£º2008-9-25 13:58
a href="javascript:if(confirm('http://hunter.51rc.com/ \n\nÎļþ²¢Î´ÒÀ Teleport Pro È¡»Ø£¬ÒòΪ ËüµÄÓò»ò·¾¶³¬¹ý¿ªÊ¼ÍøÖ·ÖÐÉèÖõķ¶Î§¡£ \n\nÄãÒª´Ó·þÎñÆ÷ÉÏ´ò¿ªËüÂð£¿'))window.location='http://hunter.51rc.com/'" tppabs="http://h ......
ÔÎĵØÖ·£ºhttp://developer.51cto.com/art/201002/185161.htm
JavaScriptÊÇÒ»Öֹ㷺ÓÃÓÚ¿Í»§¶ËWeb¿ª·¢µÄ½Å±¾ÓïÑÔ£¬Æä¿ÉËãÊÇÊÀ½çÉÏ×îÁ÷Ðеıà³ÌÓïÑÔ£¬ËüÔø±»Web¿ª·¢Éè¼ÆÊ¦ÌùÉÏØ¬ÃεıêÇ©£¬ËäÈ»ÕæÕýµÄجÃÎÆäʵÊÇDOM API£¬Ò²Ôø¾ÓÐÈËÈÏΪJavaScriptÓï·¨ÖÐÓкܶàÏÝÚ壬ͬʱÆäÒ²ÓкܶàÈÃÈ˷ѽâµÄ¶«Î÷¡£
1. ËüÒÔJavaÃüÃû£¬µ«²¢ ......