已知屏幕几个点的坐标，想把一个图标分别放在这几个点上，用javascript, 该怎么办，多谢指点

如题！

解决方案 »

  1.   

    <img style="position:absolute;left:100px;top:100px;"></img>
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <script>
    window.onload=function(){
    img1.style.position="absolute";
    img1.style.left=100;
    img1.style.top=100;}
    </script>
    </HEAD><BODY>
    <img id=img1 ></img>
    </BODY>
    </HTML>
      

  3.   

     谢谢你， img1只能在一个点上出现吧，有办法img1再多个点上出现吗?
      

  4.   

    用的同一张图片的链接
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <script>
    window.onload=function(){
    img1.style.position="absolute";
    img1.style.left=100;
    img1.style.top=100;img2.style.position="absolute";
    img2.style.left=200;
    img2.style.top=100;img3.style.position="absolute";
    img3.style.left=300;
    img3.style.top=100;}
    </script>
    </HEAD><BODY>
    <img id=img1 src="http://avatar.profile.csdn.net/B/8/9/2_shan1119.jpg"></img>
    <img id=img2 src="http://avatar.profile.csdn.net/B/8/9/2_shan1119.jpg" ></img>
    <img id=img3 src="http://avatar.profile.csdn.net/B/8/9/2_shan1119.jpg" ></img>
    </BODY>
    </HTML>
      

  5.   

    window.onload = function(){
       var points = [
                       {x:0,y:0},
                       {x:40,y:0},
                       {x:80,y:0},
                       {x:120,y:0},
                       {x:160,y:0},
                       {x:200,y:0},
                       {x:240,y:0},
                       {x:280,y:0},
                       {x:320,y:0},
                       {x:360,y:0},
                       {x:400,y:0},
                       {x:0,y:40}
                     ];
       var img_url = "test.gif" ;
       var wapper = document.createElement("div");
       for (var i = 0; i<points.length; i++)
       {
          var img = document.createElement("img");
          img.src = img_url;
          img.style.position = "absolute";
          img.style.left = points[i].x + "px";
          img.style.top = points[i].y + "px";
          wapper.appendChild(img);
       }
       document.body.appendChild(wapper);
    };