تصاویر قابل حرکت با موس (Image Drag & Drop)

مرحله1-کد موجود در کادر اول را در تگ head قرار دهید.

<HEAD> <SCRIPT LANGUAGE="JavaScript"> N = (document.all) ? 0 : 1; var ob; function MD(e) { if (N) { ob = document.layers[e.target.name]; X=e.x; Y=e.y; return false; } else { ob = event.srcElement.parentElement.style; X=event.offsetX; Y=event.offsetY; } } function MM(e) { if (ob) { if (N) { ob.moveTo((e.pageX-X), (e.pageY-Y)); } else { ob.pixelLeft = event.clientX-X + document.body.scrollLeft; ob.pixelTop = event.clientY-Y + document.body.scrollTop; return false; } } } function MU() { ob = null; } if (N) { document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP); } document.onmousedown = MD; document.onmousemove = MM; document.onmouseup = MU; // End --> </script> </HEAD>

مرحله 2- این کد را بین تگ های BODY قرار دهید.

<div id="s" style="position:absolute;left:50;top:300;"> <img src=' آدرس تصویر مورد نظر'name="s" width="32" height="32"> </div> <div id="d" style="position:absolute;left:50;top:350;"> <img src=' آدرس تصویر مورد نظر' name="d" width="32" height="32"> </div> <div id="c" style="position:absolute;left:100;top:300;"> <img src=' آدرس تصویر مورد نظر' name="c" width="32" height="32"> </div> <div id="h" style="position:absolute;left:100;top:350;"> <img src=' آدرس تصویر مورد نظر' name="h" width="31" height="29"> </div>

سجاد دوشنبه 19 مرداد‌ماه سال 1388 ساعت 03:39 ب.ظ

نظرات 1 + ارسال نظر

edinho شنبه 16 شهریور‌ماه سال 1392 ساعت 01:25 ب.ظ

-هیچ چیزی برای یاد گرفتن کوچک و هیچ چیزی برای انجام دادن بزرگ نیست
هرگاه آماده بودید عاشق شوید، نه هرگاه که تنها بودی
برای خودت زندگی کن برای دیگری زندگی باش
وب خیلی خوبی داری اگه میشه به من هم سربزن تا با هم تبادل لینک داشته باشیم اخه با وبلاگ های به روز تبادل لینک دارم باتشکر فروانEdinho***soldier