<html><head> <style> .moveplate{ position: absolute; border: 1px solid black; padding: 4px; background-color: #FFD200; font-family:verdana; font-size: 10px; line-height: 10px; } </style> <script language="JavaScript"> objMove = null; mousex = 0; mousey = 0; offx = 0; offy = 0; function getMouseXY(e) { if (!e) e = window.event; if (e) { if (e.pageX || e.pageY) { mousex = e.pageX; mousey = e.pageY; } else if (e.clientX || e.clientY) { mousex = e.clientX + document.body.scrollLeft; mousey = e.clientY + document.body.scrollTop; } } } function init() { document.onmousemove = update; update(); } function update(e) { getMouseXY(e); document.getElementById('showXY').value = 'x:=' + mousex + ' , y:=' + mousey; } function drag(e) { if (objMove) { getMouseXY(e); objMove.style.left = mousex - offx + 'px'; objMove.style.top = mousey - offy + 'px'; document.getElementById('showXY').value = 'x:=' + mousex + ' , y:=' + mousey; } return false; } function falsefunc() { return false; } function startMove(obj, e) { objMove = obj; document.onmousedown = falsefunc; document.onmousemove = drag; document.onmouseup = stopMove; objMove.style.cursor = 'pointer'; getMouseXY(e); offx = mousex - objMove.offsetLeft; offy = mousey - objMove.offsetTop; } function stopMove() { objMove.style.cursor = 'default'; objMove = null; document.onmousemove = update; document.onmouseup = null; } </script> </head> <body onload="init()"> <input type="text" id="showXY"> <div class="moveplate" style="top:50px; left:10" onmousedown="startMove(this);"> <b>Move1</b><br><img src="mygirl.jpg"> </div> </body></html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 05
Load balance : Server 05
