אחר

כעת אני אתן לכם 2 קודים ממש מגניבים
בעזרת הקודים האלה הגולש יוכל להזיז תמונה
לאן שבא לו,כעת אראה לכם את התוצאה של הקוד
ואיך נראה הקוד,תהנו

:התוצאה של הקוד
:תגררו את התמונה לאן שבא לכם


:הנה הקוד
<img src="תרשמו כאן את שם התמונה" class="drag"> <style> <!-- .drag{position:relative;cursor:hand} --> </style> <script language="JavaScript1.2"> <!-- //Generic Drag Script- © Dynamic Drive (www.dynamicdrive.com) //For full source code and terms of usage, //visit http://www.dynamicdrive.com var ie=document.all var ns6=document.getElementById&&!document.all var dragapproved=false var z,x,y function move(e){ if (dragapproved){ z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y return false } } function drags(e){ if (!ie&&!ns6) return var firedobj=ns6? e.target : event.srcElement var topelement=ns6? "HTML" : "BODY" while (firedobj.tagName!=topelement&&firedobj.className!="drag"){ firedobj=ns6? firedobj.parentNode : firedobj.parentElement } if (firedobj.className=="drag"){ dragapproved=true z=firedobj temp1=parseInt(z.style.left+0) temp2=parseInt(z.style.top+0) x=ns6? e.clientX: event.clientX y=ns6? e.clientY: event.clientY document.onmousemove=move return false } } document.onmousedown=drags document.onmouseup=new Function("dragapproved=false") //--> </script>

עכשיו אני אראה לכם את אותו הקוד רק על טקסט

:תוצאת הקוד

תזיזו אותי לאן שבא לכם

:הנה הקוד
<div class="drag"><b>תרשמו כאן איזה טקסט שבא לכם</b></div> <style> <!-- .drag{position:relative;cursor:hand} --> </style> <script language="JavaScript1.2"> <!-- //Generic Drag Script- © Dynamic Drive (www.dynamicdrive.com) //For full source code and terms of usage, //visit http://www.dynamicdrive.com var ie=document.all var ns6=document.getElementById&&!document.all var dragapproved=false var z,x,y function move(e){ if (dragapproved){ z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y return false } } function drags(e){ if (!ie&&!ns6) return var firedobj=ns6? e.target : event.srcElement var topelement=ns6? "HTML" : "BODY" while (firedobj.tagName!=topelement&&firedobj.className!="drag"){ firedobj=ns6? firedobj.parentNode : firedobj.parentElement } if (firedobj.className=="drag"){ dragapproved=true z=firedobj temp1=parseInt(z.style.left+0) temp2=parseInt(z.style.top+0) x=ns6? e.clientX: event.clientX y=ns6? e.clientY: event.clientY document.onmousemove=move return false } } document.onmousedown=drags document.onmouseup=new Function("dragapproved=false") //--> </script>


לעמוד הראשי
לעמוד הקודם