看看是不是这样!
三个文件main.htm,lt.htm,rt.htm
===================================  main.htm  ===========================
<html>
<frameset cols="350,*" frameborder=no>
<frame name=Rframe src=lt.htm>
<frame name=Graf src=rt.htm>
</frameset>
</html>====================  lt.htm  ============================<html>
<head>
<script language="Javascript">
function GetGraf(){
Val=new Array();
for(i=0;i<document.forms[0].length;i++){
Num=document.forms[0].elements[i].value;
if(isNaN(Num)==true|Num<0){document.forms[0].elements[i].value=0;Num=1}
if(Num>100){document.forms[0].elements[i].value=100;Num=100}
Val[i]=Num;
}
Content="";
Content+="<html><body bgcolor=silver>"
Content+="<table cellpadding=0 cellspacing=2 border=0>"
Content+="<tr><td bgcolor=yellow><img src=rule100.gif width=20 height=100>";
for(i=0;i<Val.length;i++){
Content+="<td valign=bottom><img src=cxk_Graf.jpg width=20 height="+Val[i]+">"
}
Content+="<tr><td>"
for(i=0;i<Val.length;i++){
Content+="<td>"+document.forms[0].elements[i].name.substring(1,3)
}
Content+="</table></body></html>"
wid=document.forms[0].length*75
content="<html><body bgcolor=navy><div style='position:absolute;top:20;left:15;width:"+wid+";height:120;background-color:yellow'></div>"
Points=new Array();
m=0;
for(i=0;i<document.forms[0].length-1;i++){
Y1=document.forms[0].elements[i].value
Y2=document.forms[0].elements[i+1].value
Y3=120-Y1
X3=20+m*75
content+="<div style='position:absolute;left:"+X3+";top:"+Y3+"'><b>.<br><font color=red>"+Y1+"</font></b></div>"
slope=(Y2-Y1)/75
for(x=0;x<75;x++){
Y3=parseInt(120-Y1-(x*slope))
X3=20+m*75+x
content+="<div style='position:absolute;left:"+X3+";top:"+Y3+"'><b>.</b></div>"
}
m++
}
i=document.forms[0].length-1
Y1=document.forms[0].elements[i].value
Y3=120-Y1
X3=20+m*75
content+="<div style='position:absolute;left:"+X3+";top:"+Y3+"'><b>.<br><font color=red>"+Y1+"</font></b></div>"
parent.Graf.document.write(content);
parent.Graf.document.close();
}</script>
<body onload="GetGraf()"><form>
<table bgcolor=silver cellpadding=5 cellspacing=0>
<tr><th colspan=5>percentage of growth
<tr>
<td><input type=text name="y96" value=40 size=4 onChange="GetGraf()">
<td><input type=text name="y97" value=52 size=4 onChange="GetGraf()">
<td><input type=text name="y98" value=92 size=4 onChange="GetGraf()">
<td><input type=text name="y99" value=76 size=4 onChange="GetGraf()">
<td><input type=text name="y00" value=35 size=4 onChange="GetGraf()">
<tr>
<td>1996<td>1997<td>1998<td>1999<td>2000
</table>
</form>
</body>
</html>===================  rt.htm  ===================================<html><body bgcolor=navy><div style='position:absolute;top:20;left:15;width:375;height:120;background-color:yellow'></div><div style='position:absolute;left:20;top:20'><b>.<br><font color=red>100</font></b></div><div style='position:absolute;left:20;top:20'><b>.</b></div><div style='position:absolute;left:21;top:20'><b>.</b></div><div style='position:absolute;left:22;top:21'><b>.</b></div><div style='position:absolute;left:23;top:21'><b>.</b></div><div style='position:absolute;left:24;top:22'><b>.</b></div><div style='position:absolute;left:25;top:23'><b>.</b></div><div style='position:absolute;left:26;top:23'><b>.</b></div><div style='position:absolute;left:27;top:24'><b>.</b></div><div style='position:absolute;left:28;top:25'><b>.</b></div><div style='position:absolute;left:29;top:25'><b>.</b></div><div style='position:absolute;left:30;top:26'><b>.</b></div><div style='position:absolute;left:31;top:27'><b>.</b></div><div style='position:absolute;left:32;top:27'><b>.</b></div><div style='position:absolute;left:33;top:28'><b>.</b></div><div style='position:absolute;left:34;top:28'><b>.</b></div><div style='position:absolute;left:35;top:29'><b>.</b></div><div style='position:absolute;left:36;top:30'><b>.</b></div><div style='position:absolute;left:37;top:30'><b>.</b></div><div style='position:absolute;left:38;top:31'><b>.</b></div><div style='position:absolute;left:39;top:32'><b>.</b></div><div style='position:absolute;left:40;top:32'><b>.</b></div><div style='position:absolute;left:41;top:33'><b>.</b></div><div style='position:absolute;left:42;top:34'><b>.</b></div><div style='position:absolute;left:43;top:34'><b>.</b></div><div style='position:absolute;left:44;top:35'><b>.</b></div><div style='position:absolute;left:45;top:36'><b>.</b></div><div style='position:absolute;left:46;top:36'><b>.</b></div><div style='position:absolute;left:47;top:37'><b>.</b></div><div style='position:absolute;left:48;top:37'><b>.</b></div><div style='position:absolute;left:49;top:38'><b>.</b></div><div style='position:absolute;left:50;top:39'><b>.</b></div><div style='position:absolute;left:51;top:39'><b>.</b></div><div style='position:absolute;left:52;top:40'><b>.</b></div><div style='position:absolute;left:53;top:41'><b>.</b></div><div style='position:absolute;left:54;top:41'><b>.</b></div><div style='position:absolute;left:55;top:42'><b>.</b></div><div style='position:absolute;left:56;top:43'><b>.</b></div><div style='position:absolute;left:57;top:43'><b>.</b></div><div style='position:absolute;left:58;top:44'><b>.</b></div><div style='position:absolute;left:59;top:44'><b>.</b></div><div style='position:absolute;left:60;top:45'><b>.</b></div><div style='position:absolute;left:61;top:46'><b>.</b></div><div style='position:absolute;left:62;top:46'><b>.</b></div><div style='position:absolute;left:63;top:47'><b>.</b></div><div style='position:absolute;left:64;top:48'><b>.</b></div><div style='position:absolute;left:65;top:48'><b>.</b></div><div style='position:absolute;left:66;top:49'><b>.</b></div><div style='position:absolute;left:67;top:50'><b>.</b></div><div style='position:absolute;left:68;top:50'><b>.</b></div><div style='position:absolute;left:69;top:51'><b>.</b></div><div style='position:absolute;left:70;top:52'><b>.</b></div><div style='position:absolute;left:71;top:52'><b>.</b></div><div style='position:absolute;left:72;top:53'><b>.</b></div><div style='position:absolute;left:73;top:53'><b>.</b></div><div style='position:absolute;left:74;top:54'><b>.</b></div><div style='position:absolute;left:75;top:55'><b>.</b></div><div style='position:absolute;left:76;top:55'><b>.</b></div><div style='position:absolute;left:77;top:56'><b>.</b></div><div style='position:absolute;left:78;top:57'><b>.</b></div><div style='position:absolute;left:79;top:57'><b>.</b></div><div style='position:absolute;left:80;top:58'><b>.</b></div><div style='position:absolute;left:81;top:59'><b>.</b></div><div style='position:absolute;left:82;top:59'><b>.</b></div><div style='position:absolute;left:83;top:60'><b>.</b></div><div style='position:absolute;left:84;top:60'><b>.</b></div><div style='position:absolute;left:85;top:61'><b>.</b></div><div style='position:absolute;left:86;top:62'><b>.</b></div><div style='position:absolute;left:87;top:62'><b>.</b></div><div style='position:absolute;left:88;top:63'><b>.</b></div><div style='position:absolute;left:89;top:64'><b>.</b></div><div style='position:absolute;left:90;top:64'><b>.</b></div><div style='position:absolute;left:91;top:65'><b>.</b></div><div style='position:absolute;left:92;top:66'><b>.</b></div><div style='position:absolute;left:93;top:66'><b>.</b></div><div style='position:absolute;left:94;top:67'><b>.</b></div><div style='position:absolute;left:95;top:68'><b>.<br><font color=red>52</font></b></div><div style='position:absolute;left:95;top:68'><b>.</b></div><div style='position:absolute;left:96;top:67'><b>.</b></div><div style='position:absolute;left:97;top:66'><b>.</b></div><div style='position:absolute;left:98;top:66'><b>.</b></div><div style='position:absolute;left:99;top:65'><b>.</b></div><div style='position:absolute;left:100;top:65'><b>.</b></div><div style='position:absolute;left:101;top:64'><b>.</b></div><div style='position:absolute;left:102;top:64'><b>.</b></div><div style='position:absolute;left:103;top:63'><b>.</b></div><div style='position:absolute;left:104;top:63'><b>.</b></div><div style='position:absolute;left:105;top:62'><b>.</b></div><div style='position:absolute;left:106;top:62'><b>.</b></div><div style='position:absolute;left:107;top:61'><b>.</b></div><div style='position:absolute;left:108;top:61'><b>.</b></div><div style='position:absolute;left:109;top:60'><b>.</b></div><div style='position:absolute;left:110;top:60'><b>.</b></div><div style='position:absolute;left:111;top:59'><b>.</b></div><div style='position:absolute;left:112;top:58'><b>.</b></div><div style='position:absolute;left:113;top:58'><b>.</b></div><div style='position:absolute;left:114;top:57'><b>.</b></div><div style='position:absolute;left:115;top:57'><b>.</b></div><div style='position:absolute;left:116;top:56'><b>.</b></div><div style='position:absolute;left:117;top:56'><b>.</b></div><div style='position:absolute;left:118;top:55'><b>.</b></div><div style='position:absolute;left:119;top:55'><b>.</b></div><div style='position:absolute;left:120;top:54'><b>.</b></div><div style='position:absolute;left:121;top:54'><b>.</b></div><div style='position:absolute;left:122;top:53'><b>.</b></div><div style='position:absolute;left:123;top:53'><b>.</b></div><div style='position:absolute;left:124;top:52'><b>.</b></div><div style='position:absolute;left:125;top:52'><b>.</b></div><div style='position:absolute;left:126;top:51'><b>.</b></div><div style='position:absolute;left:127;top:50'><b>.</b></div><div style='position:absolute;left:128;top:50'><b>.</b></div><div style='position:absolute;left:129;top:49'><b>.</b></div><div style='position:absolute;left:130;top:49'><b>.</b></div><div style='position:absolute;left:131;top:48'><b>.</b></div><div style='position:absolute;left:132;top:48'><b>.</b></div><div style='position:absolute;left:133;top:47'><b>.</b></div><div style='position:absolute;left:134;top:47'><b>.</b></div><div style='position:absolute;left:135;top:46'><b>.</b></div><div style='position:absolute;left:136;top:46'><b>.</b></div><div style='position:absolute;left:137;top:45'><b>.</b></div><div style='position:absolute;left:138;top:45'><b>.</b></div><div style='position:absolute;left:139;top:44'><b>.</b></div><div style='position:absolute;left:140;top:44'><b>.</b></div><div style='position:absolute;left:141;top:43'><b>.</b></div><div style='position:absolute;left:142;top:42'><b>.</b></div><div style='position:absolute;left:143;top:42'><b>.</b></div><div style='position:absolute;left:144;top:41'><b>.</b></div><div style='position:absolute;left:145;top:41'><b>.</b></div><div style='position:absolute;left:146;top:40'><b>.</b></div><div style='position:absolute;left:147;top:40'><b>.</b></div><div style='position:absolute;left:148;top:39'><b>.</b></div><div style='position:absolute;left:149;top:39'><b>.</b></div><div style='position:absolute;left:150;top:38'><b>.</b></div><div style='position:absolute;left:151;top:38'><b>.</b></div><div style='position:absolute;left:152;top:37'><b>.</b></div><div style='position:absolute;left:153;top:37'><b>.</b></div><div style='position:absolute;left:154;top:36'><b>.</b></div><div style='position:absolute;left:155;top:36'><b>.</b></div><div style='position:absolute;left:156;top:35'><b>.</b></div><div style='position:absolute;left:157;top:34'><b>.</b></div><div style='position:absolute;left:158;top:34'><b>.</b></div><div style='position:absolute;left:159;top:33'><b>.</b></div><div style='position:absolute;left:160;top:33'><b>.</b></div><div style='position:absolute;left:161;top:32'><b>.</b></div><div style='position:absolute;left:162;top:32'><b>.</b></div><div style='position:absolute;left:163;top:31'><b>.</b></div><div style='position:absolute;left:164;top:31'><b>.</b></div><div style='position:absolute;left:165;top:30'><b>.</b></div><div style='position:absolute;left:166;top:30'><b>.</b></div><div style='position:absolute;left:167;top:29'><b>.</b></div><div style='position:absolute;left:168;top:29'><b>.</b></div><div style='position:absolute;left:169;top:28'><b>.</b></div><div style='position:absolute;left:170;top:28'><b>.<br><font color=red>92</font></b></div><div style='position:absolute;left:170;top:28'><b>.</b></div><div style='position:absolute;left:171;top:28'><b>.</b></div><div style='position:absolute;left:172;top:28'><b>.</b></div><div style='position:absolute;left:173;top:28'><b>.</b></div><div style='position:absolute;left:174;top:28'><b>.</b></div><div style='position:absolute;left:175;top:29'><b>.</b></div><div style='position:absolute;left:176;top:29'><b>.</b></div><div style='position:absolute;left:177;top:29'><b>.</b></div><div style='position:absolute;left:178;top:29'><b>.</b></div><div style='position:absolute;left:179;top:29'><b>.</b></div><div style='position:absolute;left:180;top:30'><b>.</b></div><div style='position:absolute;left:181;top:30'><b>.</b></div><div style='position:absolute;left:182;top:30'><b>.</b></div><div style='position:absolute;left:183;top:30'><b>.</b></div><div style='position:absolute;left:184;top:30'><b>.</b></div><div style='position:absolute;left:185;top:31'><b>.</b></div><div style='position:absolute;left:186;top:31'><b>.</b></div><div style='position:absolute;left:187;top:31'><b>.</b></div><div style='position:absolute;left:188;top:31'><b>.</b></div><div style='position:absolute;left:189;top:32'><b>.</b></div><div style='position:absolute;left:190;top:32'><b>.</b></div><div style='position:absolute;left:191;top:32'><b>.</b></div><div style='position:absolute;left:192;top:32'><b>.</b></div><div style='position:absolute;left:193;top:32'><b>.</b></div><div style='position:absolute;left:194;top:33'><b>.</b></div><div style='position:absolute;left:195;top:33'><b>.</b></div><div style='position:absolute;left:196;top:33'><b>.</b></div><div style='position:absolute;left:197;top:33'><b>.</b></div><div style='position:absolute;left:198;top:33'><b>.</b></div><div style='position:absolute;left:199;top:34'><b>.</b></div><div style='position:absolute;left:200;top:34'><b>.</b></div><div style='position:absolute;left:201;top:34'><b>.</b></div><div style='position:absolute;left:202;top:34'><b>.</b></div><div style='position:absolute;left:203;top:35'><b>.</b></div><div style='position:absolute;left:204;top:35'><b>.</b></div><div style='position:absolute;left:205;top:35'><b>.</b></div><div style='position:absolute;left:206;top:35'><b>.</b></div><div style='position:absolute;left:207;top:35'><b>.</b></div><div style='position:absolute;left:208;top:36'><b>.</b></div><div style='position:absolute;left:209;top:36'><b>.</b></div><div style='position:absolute;left:210;top:36'><b>.</b></div><div style='position:absolute;left:211;top:36'><b>.</b></div><div style='position:absolute;left:212;top:36'><b>.</b></div><div style='position:absolute;left:213;top:37'><b>.</b></div><div style='position:absolute;left:214;top:37'><b>.</b></div><div style='position:absolute;left:215;top:37'><b>.</b></div><div style='position:absolute;left:216;top:37'><b>.</b></div><div style='position:absolute;left:217;top:38'><b>.</b></div><div style='position:absolute;left:218;top:38'><b>.</b></div><div style='position:absolute;left:219;top:38'><b>.</b></div><div style='position:absolute;left:220;top:38'><b>.</b></div><div style='position:absolute;left:221;top:38'><b>.</b></div><div style='position:absolute;left:222;top:39'><b>.</b></div><div style='position:absolute;left:223;top:39'><b>.</b></div><div style='position:absolute;left:224;top:39'><b>.</b></div><div style='position:absolute;left:225;top:39'><b>.</b></div><div style='position:absolute;left:226;top:39'><b>.</b></div><div style='position:absolute;left:227;top:40'><b>.</b></div><div style='position:absolute;left:228;top:40'><b>.</b></div><div style='position:absolute;left:229;top:40'><b>.</b></div><div style='position:absolute;left:230;top:40'><b>.</b></div><div style='position:absolute;left:231;top:41'><b>.</b></div><div style='position:absolute;left:232;top:41'><b>.</b></div><div style='position:absolute;left:233;top:41'><b>.</b></div><div style='position:absolute;left:234;top:41'><b>.</b></div><div style='position:absolute;left:235;top:41'><b>.</b></div><div style='position:absolute;left:236;top:42'><b>.</b></div><div style='position:absolute;left:237;top:42'><b>.</b></div><div style='position:absolute;left:238;top:42'><b>.</b></div><div style='position:absolute;left:239;top:42'><b>.</b></div><div style='position:absolute;left:240;top:42'><b>.</b></div><div style='position:absolute;left:241;top:43'><b>.</b></div><div style='position:absolute;left:242;top:43'><b>.</b></div><div style='position:absolute;left:243;top:43'><b>.</b></div><div style='position:absolute;left:244;top:43'><b>.</b></div><div style='position:absolute;left:245;top:44'><b>.<br><font color=red>76</font></b></div><div style='position:absolute;left:245;top:44'><b>.</b></div><div style='position:absolute;left:246;top:44'><b>.</b></div><div style='position:absolute;left:247;top:45'><b>.</b></div><div style='position:absolute;left:248;top:45'><b>.</b></div><div style='position:absolute;left:249;top:46'><b>.</b></div><div style='position:absolute;left:250;top:46'><b>.</b></div><div style='position:absolute;left:251;top:47'><b>.</b></div><div style='position:absolute;left:252;top:47'><b>.</b></div><div style='position:absolute;left:253;top:48'><b>.</b></div><div style='position:absolute;left:254;top:48'><b>.</b></div><div style='position:absolute;left:255;top:49'><b>.</b></div><div style='position:absolute;left:256;top:50'><b>.</b></div><div style='position:absolute;left:257;top:50'><b>.</b></div><div style='position:absolute;left:258;top:51'><b>.</b></div><div style='position:absolute;left:259;top:51'><b>.</b></div><div style='position:absolute;left:260;top:52'><b>.</b></div><div style='position:absolute;left:261;top:52'><b>.</b></div><div style='position:absolute;left:262;top:53'><b>.</b></div><div style='position:absolute;left:263;top:53'><b>.</b></div><div style='position:absolute;left:264;top:54'><b>.</b></div><div style='position:absolute;left:265;top:54'><b>.</b></div><div style='position:absolute;left:266;top:55'><b>.</b></div><div style='position:absolute;left:267;top:56'><b>.</b></div><div style='position:absolute;left:268;top:56'><b>.</b></div><div style='position:absolute;left:269;top:57'><b>.</b></div><div style='position:absolute;left:270;top:57'><b>.</b></div><div style='position:absolute;left:271;top:58'><b>.</b></div><div style='position:absolute;left:272;top:58'><b>.</b></div><div style='position:absolute;left:273;top:59'><b>.</b></div><div style='position:absolute;left:274;top:59'><b>.</b></div><div style='position:absolute;left:275;top:60'><b>.</b></div><div style='position:absolute;left:276;top:60'><b>.</b></div><div style='position:absolute;left:277;top:61'><b>.</b></div><div style='position:absolute;left:278;top:62'><b>.</b></div><div style='position:absolute;left:279;top:62'><b>.</b></div><div style='position:absolute;left:280;top:63'><b>.</b></div><div style='position:absolute;left:281;top:63'><b>.</b></div><div style='position:absolute;left:282;top:64'><b>.</b></div><div style='position:absolute;left:283;top:64'><b>.</b></div><div style='position:absolute;left:284;top:65'><b>.</b></div><div style='position:absolute;left:285;top:65'><b>.</b></div><div style='position:absolute;left:286;top:66'><b>.</b></div><div style='position:absolute;left:287;top:66'><b>.</b></div><div style='position:absolute;left:288;top:67'><b>.</b></div><div style='position:absolute;left:289;top:68'><b>.</b></div><div style='position:absolute;left:290;top:68'><b>.</b></div><div style='position:absolute;left:291;top:69'><b>.</b></div><div style='position:absolute;left:292;top:69'><b>.</b></div><div style='position:absolute;left:293;top:70'><b>.</b></div><div style='position:absolute;left:294;top:70'><b>.</b></div><div style='position:absolute;left:295;top:71'><b>.</b></div><div style='position:absolute;left:296;top:71'><b>.</b></div><div style='position:absolute;left:297;top:72'><b>.</b></div><div style='position:absolute;left:298;top:72'><b>.</b></div><div style='position:absolute;left:299;top:73'><b>.</b></div><div style='position:absolute;left:300;top:74'><b>.</b></div><div style='position:absolute;left:301;top:74'><b>.</b></div><div style='position:absolute;left:302;top:75'><b>.</b></div><div style='position:absolute;left:303;top:75'><b>.</b></div><div style='position:absolute;left:304;top:76'><b>.</b></div><div style='position:absolute;left:305;top:76'><b>.</b></div><div style='position:absolute;left:306;top:77'><b>.</b></div><div style='position:absolute;left:307;top:77'><b>.</b></div><div style='position:absolute;left:308;top:78'><b>.</b></div><div style='position:absolute;left:309;top:78'><b>.</b></div><div style='position:absolute;left:310;top:79'><b>.</b></div><div style='position:absolute;left:311;top:80'><b>.</b></div><div style='position:absolute;left:312;top:80'><b>.</b></div><div style='position:absolute;left:313;top:81'><b>.</b></div><div style='position:absolute;left:314;top:81'><b>.</b></div><div style='position:absolute;left:315;top:82'><b>.</b></div><div style='position:absolute;left:316;top:82'><b>.</b></div><div style='position:absolute;left:317;top:83'><b>.</b></div><div style='position:absolute;left:318;top:83'><b>.</b></div><div style='position:absolute;left:319;top:84'><b>.</b></div><div style='position:absolute;left:320;top:85'><b>.<br><font color=red>35</font></b></div>
</body>
</html>