سوال: مشکل با رخداد onmouseover [بایگانی]

newman2006006

شنبه 15 بهمن 1390, 15:03 عصر

با سلام خدمت دوستان عزیز، از رخداد onmouseover برای تغییر top و left یک قسمت از صفحه استفاده می کنم اما نمی دونم چرا کار نمی دهد و با حرکت موس تغییری نمی کند .

کد:

var event=new MouseEvent(e);
x = 20;
y = 10;

document.getElementById('mye').style.top = event.pageY - y+'px';
document.getElementById('mye').style.left = event.pageX + x+'px' ;

mehdi.mousavi

یک شنبه 16 بهمن 1390, 13:42 عصر

سلام.
می تونید بدین شکل عمل کنید:

<html>
<head>
<script type="text/javascript">
document.onmousemove = function (e) {
e = e || window.event;

var elm = document.getElementById('main');
elm.style.left = e.pageX;
elm.style.top = e.pageY;
}
</script>
</head>
<body>
<div id="main" style="position:absolute;">
TARGET
</div>
</body>
</html>

کد فوق باعث میشه تا المنت div، همواره با Mouse Cursor حرکت کنه...

موفق باشید.