js拖拉效果

作者：袖梨 2022-07-02

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>

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

相关文章

精彩推荐