鼠标指针随移动的方向而改变-JS特效-爱易网页

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

日期：2014-05-18　浏览次数：20215 次

以下是程序代码

<html xmlns:v="urn:schemas-microsoft-com:vml">
<STYLE>
body{margin:0px;cursor:url(http://js.aiyiweb.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.aiyiweb.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>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

相关资料更多>

宽带中国战略明确运营商建设成本超6000亿

小米移动芯片：英伟达退出，终会加强与联发科合作

小米发明的“低价抢购”模式还能管用多久?

京东联席董事长赵国庆上市前夕离职

170号码扎堆上市：手机话费私人定制时代到来？

八位知名设计师评iOS7：新鲜但复杂

苏宁双线同价遇难题：第一个吃螃蟹不轻松

Twitter收购印度手机营销公司ZipDial

途牛开盘价9美元与发行价持平

香港全能空间免费试用15天香港高速云虚拟主机PHP/ASP/NET送MSSQL和MYSQL

推荐阅读更多>