<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
无标题文档
不是获取我
来获取我的内容
第三个div
var a = false;
var offset;
var offset2;
var b=document.getElementById('_this');
b.style.width='200px';
b.style.height='200px';
b.style.position='absolute';
b.style.backgroundColor="#666";
var spa=b.getElementsByTagName('span');
var spa0=spa.item(0);
spa0.style.width='200px';
spa0.style.height='30px';
spa0.style.backgroundColor="red";
spa0.style.display='inline-block';
var b=document.getElementById('_this');
var spa=b.getElementsByTagName('span');
var spa0=spa.item(0);
var divChange=document.createElement('div');
divChange.setAttribute('id','Change');
divChange.style.border='1px black solid';
divChange.style.width='200px';
divChange.style.height='200px';
divChange.style.position='absolute';
document.body.appendChild(divChange);
var Change=document.getElementById('Change');
Change.style.display='none';
var div3=document.getElementById('_that');
spa0.onmousedown=mouseDown;
function mouseDown(){
a = true;
var b=document.getElementById('_this');
offset = {
x:event.pageX-b.offsetLeft,
y:event.pageY-b.offsetTop
};
Change.style.display='inline-block';
Change.onmousedown=function mouseDown2(event){
offset2={
x:event.pageX-Change.offsetLeft,
y:event.pageY-Change.offsetTop
}
}
}
Change.onmouseup=mouseUp;
function mouseUp(event){
a=false;
var d= event.pageX;
var e=event.pageY;
b.style.left=(d-offset.x)+"px";
b.style.top=(e-offset.y)+"px";
Change.style.display='none';
}
window.onmousemove=function(event){
if (!a)
return;
var d= event.pageX;
var e=event.pageY;
Change.style.left=(d-offset.x)+"px";
Change.style.top=(e-offset.y)+"px";
}