Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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¶ÁÈ¡TxtÎļþ

JavaScript¶ÁÈ¡TxtÎļþ
<html>
<head>
<title>new page</title>
<script>
 GetHeader(src) {
var ForReading=1;
var fso=new ActiveXObject("Scripting.FileSystemObject");
var f=fso.OpenTextFile(src,ForReading);
return(f.ReadAll());
}
var arr=GetHe ......

³£ÓÃCSSÑ¡ÔñÆ÷


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

javascript ʵÏÖÊý¾Ý±í¸ñÏÔʾµÄÕ¹¿ªÓëÕÛµþ

<script   language="javascript">  
  function   ShowTableRow(id)
 
  { 
  var _Row = document.getElementById(id)   <!-- »ñÈ¡IDΪTableRowID µÄ¶ÔÏó -->
  var _Img = document.getElementById("Img"+id)
 
&nb ......

50¸öʵÓõÄJavaScript¹¤¾ß JavaEye¼¼ÊõÍøÕ¾

50¸öʵÓõÄJavaScript¹¤¾ß- - JavaEye¼¼ÊõÍøÕ¾
JavaScriptÊÇÒ»¸ö¹¦ÄÜÇ¿´óµÄ¿Í»§¶Ë½Å±¾ÓïÑÔ£¬Ðí¶àÏÖ´ú»¯µÄÍøÕ¾ºÍWebÓ¦ÓóÌÐò¶¼»áʹÓõ½Ëü¡£JavaScript¿ÉÒÔÔöÇ¿Óû§µÄÌåÑ飬²¢Ìṩ·á¸»µÄ»¥¶¯Ê½×é¼þºÍ¹¦ÄÜ¡£ËäÈ»ËüµÄÓï·¨Ï൱¼òµ¥£¬µ«ÊǶԿª·¢ÕßÀ´Ëµ»¹ÊǺÜÓÐÄѶȵģ¬ÒòΪËüÒªÔËÐÐÔÚWebä¯ÀÀÆ÷ÖС£
¡¡¡¡ÒÔÏÂÊÇÎÒÃÇΪÄãÍÆ¼öµÄ50¸ ......

JavascriptÖÐShowModalDialog¹¦ÄÜ

ShowModalDialogº¯ÊýµÄ¹¦ÄÜ£º
´ò¿ªÒ»¸ö×Ó´°¿Ú£¬²¢ÇÒ¿ÉÓ븸´°¿ÚÏ໥´«µÝÊý¾Ý£¬ËüÓëwindow.openµÄ×î´óÇø±ð¾ÍÔÚÓÚÓÉShowModalDialog´ò¿ª×Ó´°¿Úºó£¬¸¸´°¿Ú½«²»ÄܲÙ×÷¡£
ʹÓ÷½·¨£º
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
²ÎÊý˵Ã÷£º
sURL
±ØÑ¡²ÎÊý£¬ÀàÐÍ£º×Ö·û´®¡£ÓÃÀ´Ö¸¶¨¶Ô»°¿òÒªÏ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ