این کدش:
<div id="Image1" style="position:fixed;left:0px;top:0px;width:100px;height:100px;z-index:0;">
<img src="TASVIR 1" id="Image1" alt="" style="width:100px;height:100px;"></div>
<div id="Image2" style="position:fixed;left:0px;top:0px;width:100px;height:100px;z-index:1;">
<a href="#" onmouseover="MoveObject('Image2',10,10);return false;" onmouseout="MoveObject('Image2',-10,-10);return false;"><img src="TASVIR 2" id="Image2" alt="" style="width:100px;height:100px;"></a></div>
اینم توضیحش:
میایم اول دو تا عکس میذاریم،با z-index میایم یکی رو پشت اون یکی میبریم
حالا باید با جاوا دو تا کد بنویسیم که تصویر رویی رو حرکت میده
وقتی موس رفت روش عکس به اندازه 10,10 جابجا میشه و وقتی موس ازش خارج شه -10,-10 جابجا میشه
میتونین این مقادیر رو عوض کنید و سایز عکس ها رو هم تغییر بدین
اگه مشکلی بود بگین