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

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

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

以下是程序代码

<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 全部选择提示：你可先修改部分代码，再按运行]

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

相关资料更多>

中移动财报外的"五座大山"：运营商沦为走秀陪衬

中移动业绩增长趋缓目光转向海外市场

郭美美事件推手被抓 “秦火火”拷问网络底线

三星已经将Galaxy S5视为失败之作？

这一次，微软将带给我们什么惊喜？

三大运营商获通知大减营销费传3年减400多亿

苹果多色彩！葫芦里究竟卖的什么药

广电地方营业厅的一句“罚停”，暴露出了他们的本质

全球最具“颠覆性”特质的公司排行榜TOP25

香港云服务器免备案云主机VPS 国内独立IP 独享15M 月付SSD

推荐阅读更多>