200分求一页面效果

Question

思路：
vml根据后台数据动态画图和点
xmlhttp定时读取后台数据，用dhtml实现页面变化

Answer 1

用dhtml替换图片（以前是静态图片，替换为闪烁的动画图片）

Answer 2

play with<BR><BR>
hello world
<img id="anigif" src="http://www.skygifs.com/anim/spinner.gif" style="position:absolute;left:-10;top:-10" border="0">
<IMG id="MyImg" SRC="http://msdn.microsoft.com/workshop/graphics/solarsys.gif" WIDTH=504 HEIGHT=126 BORDER=0><script language=javascript>
var coords = [[82,52],[155,52],[474,58]];
var n=0;function window.onload()
{
  setInterval("updatePos()",1000);
}function updatePos()
{
  if (n >= coords.length)
n=0;  var x = coords[n][0];
  var y = coords[n][1];  anigif.style.left = MyImg.offsetLeft + x;
  anigif.style.top = MyImg.offsetTop + y;  n++;
 
}
</script>

Answer 3

usePage.RegisterArrayDeclaration("coords", "[82,52],[155,52],[474,58]"); 

Answer 4

>>>给个成品好吗？the above code is already complete enough, or try<script language="C#" runat="server">
void Page_Load(Object o, EventArgs e)
{
int[] xs = {82,155,474};
int[] ys = {52,52,58}; StringBuilder sb = new  StringBuilder();
for (int i=0; i < xs.Length; i++)
{
sb.AppendFormat(",[{0},{1}]", xs[i],ys[i]);
} string sOutput="";
if (sb.Length > 0)
{
   sOutput = sb.ToString(1,sb.Length-1);
} Page.RegisterArrayDeclaration("coords", sOutput);}
</script><form runat=server>
<BR><BR>
hello world
<img id="anigif" src="http://www.skygifs.com/anim/spinner.gif" style="position:absolute;left:-10;top:-10" border="0">
<IMG id="MyImg" SRC="http://msdn.microsoft.com/workshop/graphics/solarsys.gif" WIDTH=504 HEIGHT=126 BORDER=0>
</form>
<script language=javascript>
var n=0;
var imgTarget;
var imgMoving;function window.onload()
{
 imgTarget = document.getElementById("MyImg");
 imgMoving = document.getElementById("anigif");
 if (coords!=null && coords.length > 0)
  setInterval("updatePos()",1000);
}function updatePos()
{
  if (n >= coords.length)
n=0;  var x = coords[n][0];
  var y = coords[n][1];  imgMoving.style.left =imgTarget.offsetLeft + x;
  imgMoving.style.top = imgTarget.offsetTop + y;  n++;
 
}
</script>