鼠标随移动的方向而改变-专业全面的JS网页特效代码站!

收藏本站
广告服务
网站地图

>> 向您推荐最实用的:JS网页特效,实用JS小程序,HTML网页特效,CSS网页特效,Java特效等,提供方便的代码搜索及代码运行效果预览功能!

先飞电脑技术网 → JS网页特效

特效代码分类

综合类	状态栏
游戏类	页面背景
页面特效	页面导航
文本操作	文本特效
图形特效	鼠标特效
时间日期	密码类
浏览相关	警告对话
技巧类	计数转换
测试搜索	代码生成
播放音乐	按钮特效
系统相关	链接特效
黑客性质	相关特效
窗口特效	其它杂类

赞助商链接

网页特效分类 >> 鼠标特效

鼠标随移动的方向而改变

[ 发布者：蓝色动力 | 来源：本站整理 | 时间：2007-10-28 | 浏览：0 人次 ]

<html xmlns:v="urn:schemas-microsoft-com:vml">
<STYLE>
body{margin:0px;cursor:url(/Jsupload/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="/Jsupload/mouse.gif" style="position:absolute;top:0;left:0;width:37;height:37;0" >
 <v:Stroke dashstyle="Solid"/>
</v:image>
</body>
</html>

本站提供的“鼠标随移动的方向而改变”仅供大家研究交流，转载请注明出处！

【相关特效代码】

·表格中可以用鼠标上下移动的单元格[0]	·鼠标随移动的方向而改变[0]
·很酷的跟随鼠标的三色彩带[0]	·跟随鼠标的弹性效果的运动图片[0]
·JS实现的很有特色的烛光鼠标[0]	·鼠标触及按钮实现新闻或图片的滚动效果[0]
·控制鼠标中间滚轮的特效代码[0]	·真正的屏蔽鼠标右键JS代码[0]
·极酷的白蓝红三色鼠标环绕程序[0]	·漂亮实用的图层显示鼠标提示信息[0]

网站主页 | 收藏本页 | 联系我们 | 广告服务 | 站点地图 | 会员注册 | 隐私政策 | 内容指正 | 业务合作

联系QQ：

32933427 电话：13710542091 [世界排名] 鄂ICP备05005890号 先飞网JS特效站