ภาษาไทย
<HTML> <HEAD> <META http-equiv='Content-Type' content='text/html; charset=gb2312'> <TITLE>เลเยอร์ที่สามารถเคลื่อนย้ายด้วยเมาส์ได้ซึ่งแสดงบนหน้าด้วยปุ่มปิด เอฟเฟกต์สุดเจ๋ง</ TITLE> </HEAD> <BODY> <STYLE type=text/css> #floater { ซ้าย: 400px; ตำแหน่ง: สัมบูรณ์; TOP: 120px; การมองเห็น: มองเห็นได้; 160px; <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>ยินดีต้อนรับสู่ Website Building Academy<BR>คอลัมน์ JavaScript! </P></TD></TR> <TR> <TD width="100%"> ยินดีต้อนรับสู่ Website Building Academy หากคุณมีความคิดเห็นและข้อเสนอแนะใด ๆ โปรดอย่าลังเลที่จะเสนอความคิดเห็นของคุณ โปรโมชั่นของเราและเราจะพยายามอย่างดีที่สุดเพื่อให้บริการคุณ โปรดสนับสนุนงานของเราทุกย่างก้าวจะมีรอยเท้าของคุณ! - - <BR> หากคุณมีข้อเสนอแนะและความคิดเห็นดีๆ คุณสามารถเขียนถึงฉันได้ หากคุณมีตัวอย่างที่ดี ฉันหวังว่าจะปรึกษาและเรียนรู้จากคุณ </TD></TR></TBODY></TABLE></DIV> <SCRIPT language=JavaScript> self.onError=null; currentX = currentY = 0; ซึ่งมัน = null; NS = (document.layers) ? 1 : 0; IE = (document.all) ? <!-- รหัส STALKER --> ฟังก์ชั่น heartBeat() { if(IE) { diffY = document.body.scrollTop ; diffX = document.body.scrollLeft; } if(NS) { diffY = self.pageYOffset; } if(diffY != LastScrollY) { เปอร์เซ็นต์ = .1 * (diffY - LastScrollY); > 0) เปอร์เซ็นต์ = Math.ceil (เปอร์เซ็นต์); อื่น ๆ เปอร์เซ็นต์ = Math.floor (เปอร์เซ็นต์); if (IE) document.all.floater.style.pixelTop += เปอร์เซ็นต์; ร้อยละ; LastScrollY = LastScrollY + เปอร์เซ็นต์; } ถ้า(diffX != LastScrollX) { เปอร์เซ็นต์ = .1 * (diffX - LastScrollX); ถ้า(เปอร์เซ็นต์ > 0) เปอร์เซ็นต์ = Math.ceil(เปอร์เซ็นต์); เปอร์เซ็นต์) if(IE) document.all.floater.style.pixelLeft += เปอร์เซ็นต์; if(NS) document.floater.left += เปอร์เซ็นต์; LastScrollX = LastScrollX + เปอร์เซ็นต์; } <!-- /STALKER CODE -- > <!-- ลากรหัสวาง --> ฟังก์ชั่น checkFocus (x, y) { stalkerx = document.floater.pageX; stalkery = document.floater.pageY; stalkerwidth = document.floater.clip.width; .clip.height; if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) คืนค่าจริง; } ฟังก์ชัน GrabIt(e) { (IE) { whichIt = whichIt.parentElement; while ( whichIt.id.indexOf("floater") == -1) { whichIt = whichIt.parentElement; if (ซึ่งมัน == 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)) { ซึ่ง = document.floater; stalkerTouchedX = e.pageX-document.floater.pageX; ; } } คืนค่าจริง; } ฟังก์ชัน moveIt(e) { if (ซึ่ง == null) { return false; } if(IE) { newX = (event.clientX + document.body.scrollLeft); + document.body.scrollTop); DistanceX = (newX - currentX); DistanceY = (newY - currentY); currentX = newY; whichIt.style.pixelLeft += DistanceX; if(ซึ่งIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop; if(ซึ่งIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body scrollLeft; if(ซึ่งIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20; if(ซึ่งIt.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; event.returnValue = false; } else { whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY); if(ซึ่งมัน.ซ้าย < 0+self.pageXOffset) ซึ่งมัน.ซ้าย = 0+ตนเอง pageXOffset; if( whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset; if( (ซึ่ง It.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17) ) whichIt.left = ((window.innerWidth+self.pageXOffset)- whichIt.clip.width)-17; if( (ซึ่ง It.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17) whichIt.top = ((window.innerHeight+self.pageYOffset)- whichIt.clip.height)-17; return false; } ฟังก์ชัน dropIt() { whichIt = null; (Event.MOUSEMOVE); คืนค่าจริง; } <!-- DRAG DROP CODE --> if(NS) { window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN); window.onmouseup = dropIt; } if(IE) { document.onmousedown = GrabIt; document.onmousemove = moveIt; document.onmouseup = dropIt; } ถ้า (NS || IE) การกระทำ = window.setInterval("heartBeat()", 1); </SCRIPT> </BODY></HTML>