如何用鼠标画出一个线

http://www.vbnc.net/nba23/js/m0002.htm

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <TITLE></TITLE>
    </HEAD>
    <BODY><div id=xx style="display:none;border:solid 1px black;position:absolute"></div></BODY>
    </HTML>
    <script>
    var x,y,s=false
    function document.onselectstart(){
    return false;
    }function document.ondrag(){
    return false;
    }
    function document.onmouseup(){
    s=false
    }
    document.onmousedown=function()
    {
    x=document.body.scrollLeft+event.clientX
    y=document.body.scrollTop+event.clientY
    s=true
    //alert(x+"|"+y)
    }document.onmousemove=function()
    {
    if(s)
    {
    xx.style.display=""
    if(document.body.scrollLeft+event.clientX-x>0)
    {
    xx.style.width=document.body.scrollLeft+event.clientX-x

    xx.style.left=x }
    else
    {
    xx.style.width=document.body.scrollLeft+event.clientX
    xx.style.left=x-document.body.scrollLeft-event.clientX
    }
    if(document.body.scrollTop+event.clientY-y>0)
    {
    xx.style.height=document.body.scrollTop+event.clientY-y
    xx.style.top=y
    }
    else
    {
    xx.style.height=document.body.scrollTop+event.clientY
    xx.style.top=y-document.body.scrollTop-event.clientY
    }
    }
    }</script>
      

  2.   

    <html xmlns:v="urn:schemas-microsoft-com:vml">
    <HEAD>
    <style>
     v\:* { BEHAVIOR: url(#default#VML) }
    </STYLE>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <TITLE></TITLE>
    </HEAD>
    <BODY>
    <input onclick=alert(document.body.innerHTML)>
    <v:polyline style="display:inline;position:absolute" points="" filled="false" onclick="alert(this.tagName)"/>
    </BODY>
    </HTML>
    <script>
    var s=false,x=new Array(),t
    document.onmousedown=function(){
    //x[0]=event.clientX+","+event.clientY+" "
    s=true
    }
    document.onmousemove=function(){
    if(s)
    {
    xx=document.all.tags("polyline")[0]
    xx.style.display=""
    x[x.length]=event.clientX+","+event.clientY
    xx.points.value=x.join(" ")



    }
    }
    document.onmouseup=function(){s=false;}
    </script>
    一笔画,不爽