1顶

鼠标指针随移动的方向而改变

稿源：互联网 2022-06-14 18:19:27 点击： 2809 撤稿纠错

鼠标指针随移动的方向而改变,箭头自动转向...

以下讨论的是和鼠标相关的鼠标指针随移动的方向而改变教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html xmlns:v="urn:schemas-microsoft-com:vml">
<STYLE>
body{margin:0px;cursor:url(http://js.alixixi.com/UploadPic/2009-6/Select.cur)}
v:* { Behavior: url(#default#VML) }
</STYLE>

    <script>
     var trace=""
     var vP
     var r=0
     var vS
     var p=new Object()
     var lineColor=[[255,0,0],[255,0,255]]
     p.x=0;p.y=0
     function init(){
      document.body.onmousedown=function(){
        if (event.button==1 || event.button==4){
         if (event.button==1) vP=document.createElement("v:PolyLine"); else vP=document.createElement("v:line");
        }
        vS=document.createElement("v:stroke")
        vP.filled="false"
        vP.appendChild(vS)
        document.body.appendChild(vP)
        trace="";
        if (event.button==4) vP.from.value=event.clientX + "," + event.clientY;
      }
      
      document.body.onmousemove=function(){
        if (event.button==1){
        pos=event.clientX + "," + event.clientY + " ";
        trace+=pos
        vS.color="rgb(255,0,0)"
     vP.points.value=trace
       }
       if  (event.button==4) {
        vP.to.value=event.clientX + "," + event.clientY;
       }
       
       rImg.style.left=event.clientX-20;
       rImg.style.top=event.clientY-20;
       
       var cX = p.x-event.clientX;
       var cY = p.y-event.clientY;
       if (cX || cY) {
     status ="cX:"+cX+" -cY:"+cY
     rotationImg(180-parseInt(Math.atan2(cY,cX)*180/Math.PI,10));
       }  
        p.x=event.clientX;
        p.y=event.clientY;  
      }
     
      document.body.onmouseup=function(){
         vS.EndArrow="Block"
       }
      document.onselectstart=function(){return false}
     }
     
     function rotationImg(flag){
    window.status=r + " to " + flag;
    var step=3;
   while(r-flag>180) flag+=360
   while(flag-r>180) flag-=360
   r += (flag-r)/step
     rImg.style.rotation=90-r;
    }
    </script>
<body onload="init()">
<v:image id="rImg" src="http://js.alixixi.com/UploadPic/2009-6/20096151524071010.gif" style="position:absolute;top:0;left:0;width:37;height:37;0" >
 <v:Stroke dashstyle="Solid"/>
</v:image>
</body>

关于鼠标指针随移动的方向而改变的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2009061556120.shtml方便下次再访问哦。

·上一篇： js解密器
·下一篇： 基于jQuery伸缩型菜单（JS+CSS）

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

鼠标指针随移动的方向而改变

文章分类LIST >>返回首页

最新游戏

最新新闻