导读:
文章搜索:
选择地点
<script>function show(){
document.getElementById("fugai").style.display="" document.getElementById("fugai").style.width=document.body.clientWidth;
document.getElementById("fugai").style.height=document.body.clientHeight;
document.getElementById("ch").style.display="" document.getElementById("ch").style.left="50px" document.getElementById("ch").style.top="20px" } function choose(value){
document.getElementById("fugai").style.display="none" document.getElementById("ch").style.display="none" document.getElementById("address").firstChild.data=value;
} function move(element,event){
var x=parseInt(element.style.left);
var y=parseInt(element.style.top);
var maxLeft=parseInt(document.body.clientWidth)-parseInt(element.style.width);
var maxTop=parseInt(document.body.clientHeight)-parseInt(element.style.height);
var deltaX=event.clientX-x;
var deltaY=event.clientY-y;
//添加临时事件 if(document.addEventListener){//2级DOM document.addEventListener("mousemove",moveHandler,true);
document.addEventListener("mouseup",upHandler,true);
}else if(document.attachEvent){//IE5+ document.attachEvent("onmousemove",moveHandler);
document.attachEvent("onmouseup",upHandler);
}else{//IE4 var oldοnmοusemοve=document.onmousemove;
var oldοnmοuseup=document.onmouseup;
document.οnmοusemοve=moveHandler;
document.οnmοuseup=upHandler;
} //我们处理该事件,不让其他元素见到它 if(event.preventDefault){//2级DOM event.preventDefault();
}else{//IE event.returnValue=false } //鼠标移动事件 function moveHandler(e){
if(!e){//IE e=window.event;
&n, bsp;} element.style.left=(e.clientX-deltaX)+"px" element.style.top=(e.clientY-deltaY)+"px" var left=parseInt(element.style.left);
var top=parseInt(element.style.top);
if(left<0){
element.style.left="0px" } if(left>maxLeft){
element.style.left=maxLeft+"px" } if(top<0){
element.style.top="0px" } if(top>maxTop){
element.style.top=maxTop+"px" } if(e.stopPropagation){//2级DOM e.stopPropagation();
}else{//IE e.cancelBubble=true } } //鼠标按键弹起 function upHandler(e){
if(!e){
e=window.event;
} if(document.removeEventListener){//2级DOM document.removeEventListener("mouseup",upHandler,true);
document.removeEventListener("mousemove",moveHandler,true);
}else if(document.detachEvent){//IE5+ document.detachEvent("onmouseup",upHandler);
document.detachEvent("onmousemove",moveHandler);
}else{//IE4 document.οnmοuseup=oldonmouseup;
document.οnmοusemοve=oldonmousemove;
} if(e.stopPropagation){//2级DOM e.stopPropagation();
}else{//IE e.cancelBubble=true } } }</script>
文章整理:DIY部落 http://www.diybl.com(andyyoo)
如果图片或页面不能正常显示请 文章搜索:
本文转自
http://www.diybl.com/course/1_web/javascript/jsjs/20071031/81525.html
文章搜索:
选择地点
<script>function show(){
document.getElementById("fugai").style.display="" document.getElementById("fugai").style.width=document.body.clientWidth;
document.getElementById("fugai").style.height=document.body.clientHeight;
document.getElementById("ch").style.display="" document.getElementById("ch").style.left="50px" document.getElementById("ch").style.top="20px" } function choose(value){
document.getElementById("fugai").style.display="none" document.getElementById("ch").style.display="none" document.getElementById("address").firstChild.data=value;
} function move(element,event){
var x=parseInt(element.style.left);
var y=parseInt(element.style.top);
var maxLeft=parseInt(document.body.clientWidth)-parseInt(element.style.width);
var maxTop=parseInt(document.body.clientHeight)-parseInt(element.style.height);
var deltaX=event.clientX-x;
var deltaY=event.clientY-y;
//添加临时事件 if(document.addEventListener){//2级DOM document.addEventListener("mousemove",moveHandler,true);
document.addEventListener("mouseup",upHandler,true);
}else if(document.attachEvent){//IE5+ document.attachEvent("onmousemove",moveHandler);
document.attachEvent("onmouseup",upHandler);
}else{//IE4 var oldοnmοusemοve=document.onmousemove;
var oldοnmοuseup=document.onmouseup;
document.οnmοusemοve=moveHandler;
document.οnmοuseup=upHandler;
} //我们处理该事件,不让其他元素见到它 if(event.preventDefault){//2级DOM event.preventDefault();
}else{//IE event.returnValue=false } //鼠标移动事件 function moveHandler(e){
if(!e){//IE e=window.event;
&n, bsp;} element.style.left=(e.clientX-deltaX)+"px" element.style.top=(e.clientY-deltaY)+"px" var left=parseInt(element.style.left);
var top=parseInt(element.style.top);
if(left<0){
element.style.left="0px" } if(left>maxLeft){
element.style.left=maxLeft+"px" } if(top<0){
element.style.top="0px" } if(top>maxTop){
element.style.top=maxTop+"px" } if(e.stopPropagation){//2级DOM e.stopPropagation();
}else{//IE e.cancelBubble=true } } //鼠标按键弹起 function upHandler(e){
if(!e){
e=window.event;
} if(document.removeEventListener){//2级DOM document.removeEventListener("mouseup",upHandler,true);
document.removeEventListener("mousemove",moveHandler,true);
}else if(document.detachEvent){//IE5+ document.detachEvent("onmouseup",upHandler);
document.detachEvent("onmousemove",moveHandler);
}else{//IE4 document.οnmοuseup=oldonmouseup;
document.οnmοusemοve=oldonmousemove;
} if(e.stopPropagation){//2级DOM e.stopPropagation();
}else{//IE e.cancelBubble=true } } }</script>
文章整理:DIY部落 http://www.diybl.com(andyyoo)
如果图片或页面不能正常显示请 文章搜索:
本文转自
http://www.diybl.com/course/1_web/javascript/jsjs/20071031/81525.html