不知道这样的页面怎么实现,各位给指点个方向

Question

<script language=javascript>
window.onload=load;
function load(){
window.setInterval("reloadImg()",10000);
}
function reloadImg(){
oImg.src="1.gif";
}
</script>
<img id=oImg src='http://community.csdn.net/ADV/Images/CSDN-11.GIF' alt=1.gif>

Answer 1

<TABLE STYLE="table-layout:fixed;width:40;" bgcolor="#cccccc">
<tr><td>流量</td></tr>
<tr><td id=liuLiangValue>0</td></tr>
<tr><td style="height:100;background-color:#777777;" align=center valign=bottom >
  <span style="background-color:red;width:80%;height:0;" id=liuLiang ></span>
</td></tr>
</table>
<script language=javascript>function testFun()
{
var tempHeight=0;
var aaa=getLiuLiangFun();
liuLiangValue.innerText=aaa;
if(aaa>5000) tempHeight=100;
else tempHeight=aaa/50;
liuLiang.style.height=tempHeight;
}function getLiuLiangFun()
{
 return 6000*Math.random();
}
window.setInterval("testFun();",500);</script>

Answer 2

是什么图?图片？控件？Applet?

Answer 3

<TABLE STYLE="table-layout:fixed;width:44;" bgcolor="#cccccc">
<tr><td>流量</td></tr>
<tr><td id=liuLiangValue>0</td></tr>
<tr><td style="height:100;background-color:#777777;font-size:1px;" align=center valign=bottom nowrap >
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
  <span style="background-color:red;width:2;height:0;" id=liuLiang ></span>
</td></tr>
</table>
<script language=javascript>
function testFun()
{var tempHeight=0;
var aaa=getLiuLiangFun();
liuLiangValue.innerText=aaa;
if(aaa>5000) tempHeight=100;
else tempHeight=aaa/50;
for(var i=0;i<19;i++)
{
liuLiang[i].style.height=liuLiang[i+1].style.height;
}
liuLiang[19].style.height=tempHeight;
}function getLiuLiangFun()
{
 return 6000*Math.random();
}
window.setInterval("testFun();",500);</script>