weiweichen1985

永久域名 http://weiweichen1985.javaeye.com

支持多选的select | error establishing socket错误

2007-10-26

图片移动不超出边界

关键字: 图片移动不超出边界

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>图片移动</TITLE>
<META http-equiv=keywords content=keyword1,keyword2,keyword3>
<META http-equiv=description content="this is my page">
<META http-equiv=content-type content="text/html; charset=UTF-8">
<SCRIPT language=javascript type=text/javascript>
  		var mouseObj=null;
		var pX;
		var pY;
		document.onmousemove=divMove;
		document.onmouseup=divUp; 
		 function m(c_Obj){
	
		 mouseObj=document.getElementById(c_Obj);
		// mouseObj.style.position="absolute";
		 pX=mouseObj.style.pixelLeft-event.x;
		 pY=mouseObj.style.pixelTop-event.y;
		} 
		function divMove(){
			if(mouseObj){
				mouseObj.style.cursor="move";
				mouseObj.style.left=pX+event.x;
				mouseObj.style.top=pY+event.y;
				event.returnValue=false;
			}
	 	}
		function divUp() {
			if(mouseObj){
				mouseObj.style.cursor="hand";
				mouseObj=null;
			}
		}
		</SCRIPT>

<STYLE>.div {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; OVERFLOW-Y: hidden; BACKGROUND: lightblue; OVERFLOW-X: hidden; PADDING-BOTTOM: 0px; BORDER-LEFT: #000 1px solid; WIDTH: 600px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 800px
}
</STYLE>
</HEAD>
<BODY>
<DIV class=div id=imgDiv><IMG onmousedown="m('layer');" id=layer 
style="POSITION: absolute;background:red;"  src="11.jpg"> 
</DIV></BODY></HTML>