沛县网站建设企业,go做后端的网站,做图网站有哪些东西,个人主页html下载其实只是一个模拟#xff0c;思路是这样的#xff1a;让鼠标消失#xff0c;再用一个跟鼠标一样的图片跟随鼠标移动#xff0c;这样我们就可以控制这个图片的移动了。。。囧#xff5e; 怎样让鼠标消失呢#xff0c;就是做一个高宽1px的透明cur文件#xff0c;并把其设置… 其实只是一个模拟思路是这样的让鼠标消失再用一个跟鼠标一样的图片跟随鼠标移动这样我们就可以控制这个图片的移动了。。。囧 怎样让鼠标消失呢就是做一个高宽1px的透明cur文件并把其设置为鼠标光标就行了。。。。囧囧 这里是我们需要的两个素材 透明curhttp://www.net320.com/random/images/hidden.cur 鼠标图片http://www.net320.com/random/images/arrow.gif ok,现在思路和素材都有了我们就可以编码实现了 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlnshttp://www.w3.org/1999/xhtml head style typetext/css body{ cursor:url(http://www.net320.com/random/images/hidden.cur),auto; } /style script typetext/javascript function $I(id){ return typeof(id)string?document.getElementById(id):id; }; var isMovingfalse; window.onloadfunction(){ $I(arrow).style.positionabsolute; $I(arrow).style.zIndex1000; document.body.onmousemovefunction(e){ ee||event; if(!isMoving){ $I(arrow).style.lefte.clientXdocument.documentElement.scrollLeft1px; $I(arrow).style.tope.clientYdocument.documentElement.scrollTop1px; } }; document.oncontextmenufunction(e){ ee||event; if(isMoving){ e.returnValuefalse; } }; $I(btn1).onclickfunction(){ alert(lalala~~~~); }; window.setInterval(function(){ if(!isMoving){ move(parseInt($I(arrow).style.left),parseInt($I(arrow).style.top), parseInt($I(btn1).style.left)$I(btn1).offsetWidth/2, parseInt($I(btn1).style.top)$I(btn1).offsetHeight/2) } },5000); } function getAngle(startX,startY,endX,endY) { var angle; var tanx; if(endX-startX!0){ tanxMath.abs(endY-startY)/Math.abs(endX-startX); }else{ return 90(endY-startY0?180:0); } angleMath.atan(tanx)/2/Math.PI*360; if(endX-startX0 endY-startY0){ angle180-angle; } if(endX-startX0 endY-startY0){ angle180; } if(endX-startX0 endY-startY0){ angle360-angle; } return angle; }; function move(startX,startY,endX,endY){ var currentDistance0; var currentXstartX; var currentYstartY; var anglegetAngle(startX,startY,endX,endY); var speed5; var intervalIdwindow.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 xAngleangle*(2*Math.PI/360); var xDirectionMath.abs(Math.cos(xAngle))/Math.cos(xAngle); var yDirectionMath.abs(Math.sin(xAngle))/Math.sin(xAngle); if(Math.abs(Math.tan(xAngle))1){ var deltaXMath.abs(speed*Math.cos(xAngle))*xDirection; newXcurrentXdeltaX; newY-(newX-startX)*Math.tan(xAngle)startY; } else{ var deltaYMath.abs(speed*Math.sin(xAngle))*yDirection; newYcurrentY-deltaY; newX-(newY-startY)/Math.tan(xAngle)startX; } currentXnewX; currentYnewY; $I(arrow).style.leftcurrentXpx; $I(arrow).style.topcurrentYpx; isMovingtrue; } else{ window.clearInterval(intervalId); isMovingfalse; $I(btn1).click(); $I(btn1).focus(); } },10); } /script /head body input styleposition:absolute;left:100px;top:30px; typebutton idbtn1 valueI am a Button/ div styleheight:900px;/div img idarrow srchttp://www.net320.com/random/images/arrow.gif/ /body/html 效果展示 点我看效果 转载于:https://www.cnblogs.com/Random/archive/2009/03/21/1418433.html
