آخرین ارسال های انجمن

عنوان	پاسخ	بازدید	توسط
طراحي هدر	38	764	alibayat10
مشکل چیه؟	5	287	alibayat10
طراحی سایت برای شما(کاملا واقعی ورایگان)	3	323	g-k2
کمترین قیمت هایی که تو عمرتون ندیدین	2	220	g-k2
میانگین سن کاربران وبلاگ-مهم	10	374	karen

12 3 4 5 6 7 8 9...24 25 »

ابزار تصاویری با قابلیت حرکت با ماوس

          حامد فلاح 
            بازدید : 391
          دوشنبه 19 تیر 1391
           نظرات (0)
        

این کد بسیار جالب موجب میشود تا کاربر بتواند عکس را با ماوس جا به جا کند. جابهجایی تصاویر با ماوس

این کد را هم اکنون از سایت وب یار دریافت و استفاده نمائید.

<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>  <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>