知识大全 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种路径 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 在web服务器端开发中
ASP.NET创建Web服务之管理Web服务状态 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!
知识大全 ASP.NET编程工具ASP.NET Web Matrix详细介绍
ASP.NET编程工具ASP.NETWebMatrix详细介绍 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来
ASP.NET教程:Web表单 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 所有服务器控件必须
基于ASP.NET的Web动态控件创建 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 摘要web
ASP.NET创建Web服务之设计方针 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 使用ASP
asp.net、IIS和Web应用程序 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 一个Web
ASP.NETMVC4框架:ASP.NETMVC上的Web应用 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来