<script>
x=100;y=100;h=1;w=1;color="red";
document.write('<span style="position:absolute;left:'+x+';top:'+y+';height:'+h+';width:'+w+';font-size:1px;background-color:'+color+'"></span>');
</script>

解决方案 »

  1.   

    参考以下vml啦!我想用起来挺方便的(在作图方面)
      

  2.   

    画圆画线用纯js做效果不一定理想,可以用svg
      

  3.   

    没办法只好用js了
    <script>
    x=100;y=100;h=1;w=1;color="red";
    for(i=0;i<50;i++)
    document.write('<span style="position:absolute;left:'+(x+i)+';top:'+(y+i)+';height:'+h+';width:'+w+';font-size:1px;background-color:'+color+'"></span>');
    </script>
      

  4.   

    那就这样
    <div id=mydiv></div>
    <script>
    x=100;y=100;h=1;w=1;color="red";line="";
    for(i=0;i<50;i++)
    line+='<span style="position:absolute;left:'+(x+i)+';top:'+(y+i)+';height:'+h+';width:'+w+';font-size:1px;background-color:'+color+'"></span>';
    document.all.mydiv.innerHTML=line;
    </script>