<scrīpt> function mouseXY(ev){ ev = ev || window.event; var mousePos = mouseCoords(ev); document.getElementById('demo1').innerHTML = mousePos.x; document.getElementById('demo2').innerHTML = mousePos.y; } function mouseCoords(ev){ if(ev.pageX || ev.pageY) { return {x:ev.pageX, y:ev.pageY}; } return { x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, y:ev.clientY + document.body.scrollTop - document.body.clientTop }; } document.onmousemove = mouseXY; </scrīpt> <div id="demo1" class="demo1">demo1</div> <div id="demo2" class="demo2">demo2</div> <mce:style><!-- #demo1{ border:1px solid #003399; width:200px; height:100px; } #demo2{ border:1px solid #003399; width:200px; height:100px; background:#336699; } --></mce:style><style mce_bogus="1">#demo1{ border:1px solid #003399; width:200px; height:100px; } #demo2{ border:1px solid #003399; width:200px; height:100px; background:#336699; }</style>