一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

首页游戏下载软件下载专题资讯教程 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

+ -

当前位置：一聚教程网 > 网页特效 > 鼠标特效

推荐专题

最新下载

1

艺术大亨2
129.04M 类型： 模拟经营
2

像素超级跑
69.65M 类型： 动作冒险
3

全民吃鸡枪神计划
37.28M 类型： 射击枪战
4

腾讯mr魔法英雄手游
118.07MB 类型： 策略卡牌
5

冒险者传说
74.22M 类型： 角色扮演
6

判官的死亡恋爱册
82.60M 类型： 休闲益智
7

巴西卡车模拟器菜单版
127.5MB 类型： 赛车竞速
8

超级角斗士
82.14M 类型： 动作冒险
9

愤怒的小鸟星球大战
51.44M 类型： 策略塔防
10

996的真实老板篇
82.74M 类型： 模拟经营

热门教程

1

诛仙2鬼王怎么加点鬼王加点推荐
时间：2025-08-20 类型： 游戏攻略
2

诛仙2见影灵泉奇遇任务怎么做见影灵泉奇遇任务流程攻略
时间：2025-08-20 类型： 游戏攻略
3

三国天下归心诸葛亮怎么样诸葛亮技能介绍一览
时间：2025-08-20 类型： 游戏攻略
4

三国天下归心追击队怎么玩追击队玩法教学
时间：2025-08-20 类型： 游戏攻略
5

三国天下归心武将怎么获得武将获取方法
时间：2025-08-20 类型： 游戏攻略
6

星痕共鸣剧毒蜂巢怎么获取剧毒蜂巢获取攻略
时间：2025-08-20 类型： 游戏攻略
7

新三国志曹操传李儒之影怎么打李儒之影打法教学
时间：2025-08-20 类型： 游戏攻略
8

辉烬队伍怎么搭配配队攻略指南
时间：2025-08-20 类型： 游戏攻略
9

创造吧我们的星球种田玩法怎么玩种田玩法介绍一览
时间：2025-08-20 类型： 游戏攻略
10

华夏千秋怎么表白表白方法一览
时间：2025-08-20 类型： 游戏攻略

js拖拉效果

时间：2022-07-02 14:31:38 编辑：袖梨来源：一聚教程网

YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.***w3.org/TR/REC-html40/loose.dtd">

提示：您可以先修改部分代码再运行

<script type="text/javascript">
			 	(function(){
			 		 document.onmousedown = function(){
			 		 	  var isSelect = true;
			 		 	  var evt = window.event || arguments[0];
			 		 	  var startX = (evt.x || evt.clientX);
			 		 	  var startY = (evt.y || evt.clientY);
							var selDiv = document.createElement("div");
			 		 	  		selDiv.style.<a href="https://www.11*1*c*n.net/cssdiv/css.html" target="_blank">cssText = "position:absolute;font-size:0px;margin:0px;padding:0px;border:1px dashed #0099FF;background-color:#C3D5ED;z-index:1000;display:none;";
			 		 	  		selDiv.id = "selectDiv";
			 		 	  		document.body.appendChild(selDiv);
							var _x = null;
							var _y = null;
							
			 		 	  document.onmousemove = function(){
			 		 	  	var evt = window.event || arguments[0];
			 
			 		 	  	 if(isSelect){
			 		 	  	 	if(selDiv.style.display == "none"){
			 		 	  	 		 selDiv.style.display = "";
			 		 	  	 	}
			 		 	  	  _x = (evt.x || evt.clientX);
			 		 	  	  _y = (evt.y || evt.clientY);
			 		 	  	 	
			 		 	  	 	if(_x >= startX && _y >= startY){
			 		 	  	 		selDiv.style.left = startX +"px";
			 		 	        selDiv.style.top = startY +"px";	 		
			 		 	  	 		selDiv.style.px";
			 		 	  		  selDiv.style.px";
			 		 	  	 	}else 
			 		 	  	 	if(_x >= startX && _y <= startY){
			 		 	  	 		selDiv.style.left = startX +"px";
			 		 	  	 		selDiv.style.bottom = startY +"px";
			 		 	  	 		selDiv.style.top = _y +"px";
			 		 	  	 		selDiv.style.px";
			 		 	  		  selDiv.style.px";	
			 		 	  	 	}else 
			 		 	  	 	if(_x <= startX && _y <= startY){
			 		 	  	 		selDiv.style.right = startX +"px";
			 		 	  	 		selDiv.style.bottom = startY +"px";
			 		 	  	 		selDiv.style.left = _x +"px";
			 		 	  			selDiv.style.top = _y +"px";
			 		 	  	 		selDiv.style.px";
			 		 	  		  selDiv.style.px";	
			 		 	  	 	}else 
			 		 	  	 	if(_x <= startX && _y >= startY){
			 		 	  	 		selDiv.style.right = startX +"px";
			 		 	  	 		selDiv.style.top = startY +"px";
			 		 	  	 		selDiv.style.left = _x +"px";
			 		 	  	 		selDiv.style.px";
			 		 	  		  selDiv.style.px";	
			 		 	  	 	}
			 		 	  		
			 		 	  		evt = null;
			 		 	  	}
			 		 	  }
			 		 	  
			 		 	  document.onmouseup = function(){
			 		 	  	 isSelect = false;
			 		 	  	 	document.body.removeChild(selDiv);	
			 		 	  	 _x = null,_y = null,selDiv = null,startX = null,startY = null, evt = null;
			 		 	  }
			 		 	  
			 		 }
			 			
			 	})();
		</script>

提示：您可以先修改部分代码再运行

相关文章

热门栏目