首页
网页特效库
网页特效库
导航菜单
按钮表单
背景特效
时间日期
图片特效
鼠标特效
文本操作
窗口页面
状态栏类
警告对话
综合应用
游戏娱乐
首页
>
特效
>
鼠标特效
> 正文
鼠标随移动的方向而改变
2009-12-19 鼠标特效 126℃
<span id="ContentArea"><html xmlns:v="urn:schemas-microsoft-com:vml"> <STYLE> body{margin:0px;cursor:url(http://www.zlcool.com/images/tx/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://www.zlcool.com/images/tx/mouse.gif" style="position:absolute;top:0;left:0;width:37;height:37;0" > <v:Stroke dashstyle="Solid"/> </v:image> </body> </span>
相关特效代码
无相关信息
热门特效代码
围绕鼠标的立体星环(摩天轮)
围绕鼠标的立体旋转文字
经典鼠标跟随特效
鼠标放在图片上打开新链接
随鼠标的一群小点
小巧实用的鼠标时钟跟随
跟随鼠标的日期时间表盘
强制点击广告代码
会下雪的鼠标,好玩
鼠标单击处崩出七彩星星
推荐特效代码
围绕鼠标的立体旋转文字
强制点击广告代码
小巧实用的鼠标时钟跟随
鼠标玄酷星形跟随特效
舞动星星包围你的鼠标
点击会变色哦