|
|
|
| Добрый день!
Подскажите, пожалуйста, кто знает, как сделать вывод положения курсора на картинке в точках по координатам х у, начиная с верхнего левого угла.
При перемещении курсора на картинке координаты должны меняться.
Заранее благодарен! | |
|
|
|
|
|
|
|
для: 1prom
(26.06.2008 в 11:52)
| | см. раздел "Координаты мыши" здесь | |
|
|
|
|
|
|
|
для: PAT
(26.06.2008 в 13:58)
| | А как же узнать координаты края верхнего левого угла некого рисунка 1.jpg? | |
|
|
|
|
|
|
|
для: 1prom
(27.06.2008 в 11:38)
| |
<html>
<head>
<style>
img {background-color: red}
div {background-color: silver; margin: 20px}
</style>
<script>
function myFunc (z)
{
var N1 = navigator.userAgent, L1 = T1 = 0, E1;
with (document.getElementById ('myDiv'))
if (N1.indexOf ('MSIE') >= 0)
innerHTML = 'X=' + event.x + '<br>Y=' + event.y;
else if (N1.indexOf ('Firefox') >= 0)
innerHTML = 'X=' + (z.layerX - 1) + '<br>Y=' + (z.layerY - 1);
else if (N1.indexOf ('Opera') >= 0)
{
E1 = document.getElementById ('myPic');
while (obj) {L1 += E1.offsetLeft; T1 += E1.offsetTop; E1 = E1.offsetParent}
innerHTML = 'X=' + (event.clientX - L1) + '<br>Y=' + (event.clientY - T1);
}
}
</script>
</head>
<body>
<div id="myDiv" style="height: 10%; text-align: center"></div>
<center>
<img border="0"
id="myPic"
width="246"
height="135"
style="position: relative" Это ОБЯЗАТЕЛЬНО!!! Здесь или в стилях.
onmousemove="myFunc (event)"
onmouseout="document.getElementById ('myDiv').innerHTML='';">
</center>
</body>
</html>
|
| |
|
|
|