知识大全 ASP.NET Web中的鼠标自动移动

Posted 素材

篇首语:花门楼前见秋草,岂能贫贱相看老。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 ASP.NET Web中的鼠标自动移动相关的知识,希望对你有一定的参考价值。

ASP.NET Web中的鼠标自动移动  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

  其实只是一个模拟 思路是这样的 让鼠标消失 再用一个跟鼠标一样的图片跟随鼠标移动 这样我们就可以控制这个图片的移动了 囧~

  怎样让鼠标消失呢 就是做一个高宽 px的透明cur文件 并把其设置为鼠标光标就行了 囧囧~~~ 

  这里是我们需要的两个素材

  透明cur

  鼠标图片

  ok 现在思路和素材都有了 我们就可以编码实现了

  <!DOCTYPE PUBLIC //W C//DTD XHTML Transitional//EN transitional dtd >< xmlns= >    <head>        <style type= text/css >            body                cursor:url( ) auto;                    </style>        <script type= text/javascript >            function $I(id)                return typeof(id)== string ?document getElementById(id):id;            ;

  var isMoving=false;            window onload=function()                $I( arrow ) style position= absolute ;                $I( arrow ) style zIndex= ;                                document body onmousemove=function(e)                    e=e||event;                    if(!isMoving)                        $I( arrow ) style left=e clientX+document documentElement scrollLeft+ + px ;                        $I( arrow ) style top=e clientY+document documentElement scrollTop+ + px ;                                    ;                document oncontextmenu=function(e)                    e=e||event;                    if(isMoving)                        e returnValue=false;                                    ;                $I( btn ) onclick=function()                    alert( lalala~~~~ );                ;                                window setInterval(function()                    if(!isMoving)                        move(parseInt($I( arrow ) style left) parseInt($I( arrow ) style top)                              parseInt($I( btn ) style left)+$I( btn ) offsetWidth/                              parseInt($I( btn ) style top)+$I( btn ) offsetHeight/ )                                                            );                                    function getAngle(startX startY endX endY)                            var angle;                var tanx;                if(endX startX!= )                    tanx=Math abs(endY startY)/Math abs(endX startX);                else                    return +(endY startY> ? : );                                angle=Math atan(tanx)/ /Math PI* ;                            if(endX startX< && endY startY<= )                    angle= angle;                                if(endX startX< && endY startY> )                    angle+= ;                                if(endX startX>= && endY startY> )                    angle= angle;                                return angle;            ;                        function move(startX startY endX endY)                var currentDistance= ;                var currentX=startX;                var currentY=startY;                var angle=getAngle(startX startY endX endY);                var speed= ;                var intervalId=window setInterval(function()                    if(Math abs(parseInt($I( arrow ) style left) endX)>speed                    || Math abs(parseInt($I( arrow ) style top) endY)>speed)                        var newX newY;                        var xAngle=angle*( *Math PI/ );                        var xDirection=Math abs(s(xAngle))/s(xAngle);                        var yDirection=Math abs(Math sin(xAngle))/Math sin(xAngle);                                        if(Math abs(Math tan(xAngle))<= )                            var deltaX=Math abs(speed*s(xAngle))*xDirection;                            newX=currentX+deltaX;                            newY= (newX startX)*Math tan(xAngle)+startY;                                                else                            var deltaY=Math abs(speed*Math sin(xAngle))*yDirection;                            newY=currentY deltaY;                            newX= (newY startY)/Math tan(xAngle)+startX;                                                currentX=newX;                        currentY=newY;                        $I( arrow ) style left=currentX+ px ;                        $I( arrow ) style top=currentY+ px ;                        isMoving=true;                                        else                        window clearInterval(intervalId);

  isMoving=false;                        $I( btn ) click();                        $I( btn ) focus();                                    );           

cha138/Article/program/net/201311/11781

相关参考

知识大全 ASP.NET项目开发指南:Web.Config中的配置信息

ASP.NET项目开发指南:Web.Config中的配置信息  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看

知识大全 Web Parts在ASP.NET 2.0中的应用

WebParts在ASP.NET2.0中的应用  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  W

知识大全 ASP.NET中的n种路径

ASP.NET中的n种路径  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  在web服务器端开发中

知识大全 ASP.NET创建Web服务之管理Web服务状态

ASP.NET创建Web服务之管理Web服务状态  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  

知识大全 ASP.NET编程工具ASP.NET Web Matrix详细介绍

ASP.NET编程工具ASP.NETWebMatrix详细介绍  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来

知识大全 ASP.NET教程:Web表单

ASP.NET教程:Web表单  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  所有服务器控件必须

知识大全 基于ASP.NET的Web动态控件创建

基于ASP.NET的Web动态控件创建  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  摘要web

知识大全 ASP.NET创建Web服务之设计方针

ASP.NET创建Web服务之设计方针  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  使用ASP

知识大全 asp.net、IIS和Web应用程序

asp.net、IIS和Web应用程序  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  一个Web

知识大全 ASP.NET MVC上的Web应用

ASP.NETMVC4框架:ASP.NETMVC上的Web应用  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来