Русский
<HTML> <HEAD> <META http-equiv='Content-Type' content='text/html; charset=gb2312'> <TITLE>Слой, перемещаемый мышью, отображается на странице с кнопкой закрытия, классный эффект</ TITLE> </HEAD> <BODY> <STYLE type=text/css> #floater { СЛЕВА: 400 пикселей; ПОЛОЖЕНИЕ: абсолютное; ВИДИМОСТЬ: видимый; ШИРИНА: 160 пикселей; </STYLE> <DIV align=center id=floater style="HEIGHT: 98px; WIDTH: 240px;"> <TABLE bgColor=#deefef border=1 borderColor=#008000 borderColorDark=#00ff00 borderColorLight=#ff00ff cellPadding=2 cellSpacing =1 width= "240"> <TBODY> <TR> <TD width="100%"> <P align=center>Добро пожаловать в колонку Академии создания веб-сайтов<BR>JavaScript! </P></TD></TR> <TR> <TD width="100%"> Добро пожаловать в Академию создания веб-сайтов. Если у вас есть какие-либо комментарии и предложения, не стесняйтесь высказывать их. наше продвижение, и мы сделаем все возможное, чтобы служить вам. Пожалуйста, поддержите нашу работу. На каждом этапе нашего роста будет ваш след! ! ! <BR> Если у вас есть хорошие предложения и мнения, вы можете написать мне. Если у вас есть хорошие примеры, я надеюсь проконсультироваться и поучиться у вас. </TD></TR></TBODY></TABLE></DIV> <SCRIPT Language=JavaScript> self.onError=null; currentX = currentY = 0; thatIt = null; LastScrollX = 0; NS = (document.layers) ? 1 : 0; IE = (document.all) ? 1: 0; <!-- КОД СТАЛКЕРА --> function heartBeat() { if(IE) { diffY = document.body.scrollTop ; diffX = document.body.scrollLeft; } if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; } if(diffY != LastScrollY) { процент = .1 * (diffY - LastScrollY); > 0) процент = Math.ceil(процент); else процент = Math.floor(процент); if(IE) document.all.floater.style.pixelTop += процент; if(NS) document.floater.top += процент; процент); if(IE) document.all.floater.style.pixelLeft += процент; if(NS) document.floater.left += процент; LastScrollX = LastScrollX + процент; } } <!-- /STALKER CODE -- > <!-- ПЕРЕСТАВЬТЕ КОД --> function checkFocus(x,y) { Stalkerx = document.floater.pageX; .clip.height; if( (x > Stalkerx && x < (stalkerx+stalkerwidth)) && (y > Stalkery && y < (stalkery+stalkerheight))) return true; else return false } function capture(e) { if; (IE) { thatIt = event.srcElement; while (whatIt.id.indexOf("floater") == -1) { thatIt = thatIt.parentElement; if (whatIt == null) { return true; .pixelLeft = thatIt.offsetLeft; thatIt.style.pixelTop = thatIt.offsetTop; currentX = (event.clientX + document.body.scrollLeft); currentY = (event.clientY + document.body.scrollTop); captureEvents(Event.MOUSEMOVE); if(checkFocus (e.pageX,e.pageY)) { WhichIt = document.floater; ; } } return true; } function moveIt(e) { if (whatIt == null) { return false } if (IE) { newX = (event.body.scrollLeft); + document.body.scrollTop); distanceX = (newX - currentX); distanceY = (newY - currentY); currentY = newY; thatIt.style.pixelLeft += distanceX; thatIt.style.pixelTop += distanceY; if(thatIt.style.pixelTop < document.body.scrollTop) thatIt.style.pixelTop = document.body.scrollTop; if(thatIt.style.pixelLeft < document.body.scrollLeft) thatIt.style.pixelLeft = document.body. ScrollLeft; if(thatIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - thatIt.style.pixelWidth - 20) thatIt.style.pixelLeft = document.body.offsetWidth - thatIt.style.pixelWidth - 20; if(whatIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - thatIt.style.pixelHeight - 5) thatIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - WhichIt.style. PixelHeight - 5; event.returnValue = false } else { WhichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY); if(whatIt.left < 0+self.pageXOffset) thatIt.left = 0+self. pageXOffset; if(whatIt.top < 0+self.pageYOffset) thatIt.top = 0+self.pageYOffset; if( (whatIt.left + thatIt.clip.width) >= (window.innerWidth+self.pageXOffset-17) ) thatIt.left = ((window.innerWidth+self.pageXOffset)-thatIt.clip.width)-17 if( (whatIt.top + thatIt.clip.height) >= (window.innerHeight+self.pageYOffset-17; )) thatIt.top = ((window.innerHeight+self.pageYOffset)-whatIt.clip.height)-17; return false; } function dropIt() { thatIt = null; window.releaseEvents; (Event.MOUSEMOVE); return true; } <!-- КОД DRAG DROP --> if(NS) { window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN); window.onmousedown = captureIt; window.onmouseup = dropIt; } if(IE) { document.onmousedown = captureIt; document.onmouseup = dropIt; } if(NS || IE) action = window.setInterval("heartBeat()", 1); </SCRIPT> </BODY></HTML>
