Исходный код этого примера:
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all
var dragswitch=0
var nsx
var nsy
var nstemp
function drag_dropns(name){
if (!ns4) return
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}
function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}
function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}
function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx+»px»
crossobj.style.top=tempy+e.clientY-offsety+»px»
return false
}
}
function initializedrag(e){
crossobj=ns6? document.getElementById(«showimage») :
document.all.showimage
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? «html» : document.compatMode && document.compatMode!=»BackCompat»?
«documentElement» : «body»
while (firedobj.tagName!=topelement.toUpperCase() && firedobj.id!=»dragbar»){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}
if (firedobj.id==»dragbar»){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY
tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)
dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmouseup=new Function(«dragapproved=false»)
function hidebox(){
crossobj=ns6? document.getElementById(«showimage») : document.all.showimage
if (ie4||ns6)
crossobj.style.visibility=»hidden»
else if (ns4)
document.showimage.visibility=»hide»
}
Блок с перемещением мышью
Перемещайте блок нажав и удерживая левую кнопку мыши на заголовке окна.
|
||||
