Español
<HTML> <HEAD> <META http-equiv='Content-Type' content='text/html; charset=gb2312'> <TITLE>Una capa que se puede mover con el mouse y que se muestra en la página con un botón de cerrar, efecto genial</ TÍTULO> </HEAD> <BODY> <ESTILO tipo=text/css> #floater { IZQUIERDA: 400px; POSICIÓN: absoluta; ARRIBA: 120px; VISIBILIDAD: visible; 160px; <DIV align=center id=estilo flotante="ALTO: 98px; ANCHO: 240px;"> <TABLE bgColor=#deefef border=1 borderColor=#008000 borderColorDark=#00ff00 borderColorLight=#ff00ff cellPadding=2 cellSpacing =1 ancho= "240"> <TBODY> <TR> <TD width="100%"> <P align=center>¡Bienvenido a la columna JavaScript de Website Building Academy<BR>! </P></TD></TR> <TR> <TD width="100%"> Bienvenido a la Academia de creación de sitios web. Si tiene algún comentario o sugerencia, no dude en enviarnos sus opiniones. nuestra promoción, y haremos todo lo posible para servirle. ¡Apoye nuestro trabajo! ¡Cada paso de nuestro crecimiento tendrá sus huellas! ! ! <BR> Si tiene buenas sugerencias y opiniones, puede escribirme. Si tiene buenos ejemplos, espero consultarlo y aprender de usted. </TD></TR></TBODY></TABLE></DIV> <SCRIPT language=JavaScript> self.onError=null; currentX = currentY = 0; whichIt = lastScrollX = 0; NS = (document.layers) ? 1: 0; IE = (document.all) ? 1: 0; <!-- CÓDIGO ACOSADOR --> función heartBeat() { if(IE) { diffY = document.body.scrollTop ; diffX = document.body.scrollLeft; } if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset } if(diffY != lastScrollY) { porcentaje = .1 * (diffY - lastScrollY); > 0) porcentaje = Math.ceil(porcentaje); else porcentaje = Math.floor(porcentaje); if(IE) document.all.floater.style.pixelTop += percent if(NS) document.floater.top += porcentaje; lastScrollY = lastScrollY + porcentaje; } if(diffX! = lastScrollX) { porcentaje = .1 * (diffX - lastScrollX); por ciento); if(IE) document.all.floater.style.pixelLeft += por ciento; if(NS) document.floater.left += por ciento; lastScrollX = lastScrollX + por ciento; > <!-- ARRASTRAR Y SOLTAR CÓDIGO --> función checkFocus(x,y) { stalkerx = document.floater.pageX; stalkery = document.floater.pageY = document.floater.clip.width; .clip.height; if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) devuelve verdadero; (IE) { cualIt = event.srcElement; mientras (cualIt.id.indexOf("floater") == -1) { cualIt = cual.parentElement; if (cualIt == null) { return true; .pixelLeft = WhichIt.offsetLeft; WhichIt.style.pixelTop = WhichIt.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; stalkerTouchedX = e.pageX-document.floater.pageX = e.pageY-document.floater.pageY; ; } } devolver verdadero; } función moveIt(e) { if (whatIt == null) { return false } if(IE) { newX = (event.clientX + document.body.scrollLeft = (event.clientY); + document.body.scrollTop); distanciaX = (nuevaX - actualX); distanciaY = (nuevaY - actualY); actualX = nuevaY; cual.estilo.pixelLeft += distanciaX; if(cual.estilo.pixelTop < document.body.scrollTop) cual.estilo.pixelTop = document.body.scrollTop; if(cual.estilo.pixelLeft < document.body.scrollLeft) cual.estilo.pixelLeft = documento.cuerpo. scrollLeft; if(cuál.estilo.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - cual.estilo.pixelWidth - 20) cual.estilo.pixelLeft = document.body.offsetWidth - cual.estilo.pixelWidth - 20; if(cual.estilo.pixelTop > document.body.offsetHeight + document.body.scrollTop - cual.estilo.pixelHeight - 5) cual.estilo.pixelTop = document.body.offsetHeight + document.body.scrollTop - cual.estilo. pixelHeight - 5; event.returnValue = false; else { whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY); if(whatIt.left < 0+self.pageXOffset) whichIt.left = 0+self. pageXOffset; if(whatIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset; if( (whatIt.left + WhichIt.clip.width) >= (ventana.innerWidth+self.pageXOffset-17) ) cual.izquierda = ((ventana.anchointerior+self.pageXOffset)-cual.clip.ancho)-17 if( (cual.arriba + cual.clip.altura) >= (ventana.alturainterior+self.páginaYOffset-17; )) whichIt.top = ((window.innerHeight+self.pageYOffset)-whatIt.clip.height)-17; return false;} return false } función dropIt() { whichIt = null; (Event.MOUSEMOVE); devuelve verdadero; } <!-- CÓDIGO DE ARRASTRE --> if(NS) { window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN); window.onmouseup = dropIt; } if(IE) { document.onmousedown = grabIt; document.onmousemove = moveIt; document.onmouseup = dropIt } if(NS || IE) acción = window.setInterval("heartBeat()", 1); </SCRIPT> </BODY></HTML>
