[求助]随滚动条移动的图层在html中可以移动,但在xhtml中却不可以,为什么?
<P>随滚动条移动的图层在html中可以移动,但在xhtml中却不可以,为什么?</P><P><BR><div id="floater" style="position:absolute; width:92px; z-index:1; height: 160"> <BR><script language="JavaScript"> <BR>self.onError=null; <BR>currentX = currentY =0; <BR>whichIt = null; <BR>lastScrollX =-10; lastScrollY = -100; <BR>NS = (document.layers) ? 1 : 0; <BR>IE = (document.all) ? 1: 0; <BR><!-- STALKER CODE --> <BR>function heartBeat() { <BR>if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; } <BR>if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; } <BR>if(diffY != lastScrollY) { <BR>percent = .1 * (diffY - lastScrollY); <BR>if(percent > 0) percent = Math.ceil(percent); <BR>else percent = Math.floor(percent); <BR>if(IE) document.all.floater.style.pixelTop += percent; <BR>if(NS) document.floater.top += percent; <BR>lastScrollY = lastScrollY + percent; <BR>} <BR>if(diffX != lastScrollX) { <BR>percent = .1 * (diffX - lastScrollX); <BR>if(percent > 0) percent = Math.ceil(percent); <BR>else percent = Math.floor(percent); <BR>if(IE) document.all.floater.style.pixelLeft += percent; <BR>if(NS) document.floater.left += percent; <BR>lastScrollX = lastScrollX + percent; <BR>} <BR>} <BR><!-- /STALKER CODE --> <BR><!-- DRAG DROP CODE --> <BR>function checkFocus(x,y) { <BR>stalkerx = document.floater.pageX; <BR>stalkery = document.floater.pageY; <BR>stalkerwidth = document.floater.clip.width; <BR>stalkerheight = document.floater.clip.height; <BR>if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true; <BR>else return false; <BR>} <BR>function grabIt(e) { <BR>if(IE) { <BR>whichIt = event.srcElement; <BR>while (whichIt.id.indexOf("floater") == -1) { <BR>whichIt = whichIt.parentElement; <BR>if (whichIt == null) { return true; } <BR>} <BR>whichIt.style.pixelLeft = whichIt.offsetLeft; <BR>whichIt.style.pixelTop = whichIt.offsetTop; <BR>currentX = (event.clientX + document.body.scrollLeft); <BR>currentY = (event.clientY + document.body.scrollTop); <BR>} else { <BR>window.captureEvents(Event.MOUSEMOVE); <BR>if(checkFocus (e.pageX,e.pageY)) { <BR>whichIt = document.floater; <BR>StalkerTouchedX = e.pageX-document.floater.pageX; <BR>StalkerTouchedY = e.pageY-document.floater.pageY; <BR>} <BR>} <BR>return true; <BR>} <BR>function moveIt(e) { <BR>if (whichIt == null) { return false; } <BR>if(IE) { <BR>newX = (event.clientX + document.body.scrollLeft); <BR>newY = (event.clientY + document.body.scrollTop); <BR>distanceX = (newX - currentX); distanceY = (newY - currentY); <BR>currentX = newX; currentY = newY; <BR>whichIt.style.pixelLeft += distanceX; <BR>whichIt.style.pixelTop += distanceY; <BR>if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop; <BR>if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft; <BR>if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20; <BR>if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5; <BR>event.returnValue = false; <BR>} else { <BR>whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY); <BR>if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset; <BR>if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset; <BR>if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17; <BR>if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17; <BR>return false; <BR>} <BR>return false; <BR>} <BR>function dropIt() { <BR>whichIt = null; <BR>if(NS) window.releaseEvents (Event.MOUSEMOVE); <BR>return true; <BR>} <BR><!-- DRAG DROP CODE --> <BR>if(NS) { <BR>window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN); <BR>window.onmousedown = grabIt; <BR>window.onmousemove = moveIt; <BR>window.onmouseup = dropIt; <BR>} <BR>if(IE) { <BR>document.onmousedown = grabIt; <BR>document.onmousemove = moveIt; <BR>document.onmouseup = dropIt; <BR>} <BR>if(NS || IE) action = window.setInterval("heartBeat()",1); <BR></script><BR> <a href="/dreamweaver/"><img src="1.gif" width="90" height="90" border="0"></a> <BR> </div></P>
页:
[1]