کد htmlعکس متحرک دروبلاگ

این سایت رو ببینید
سمت چپ عکس شاغلام هست که متحرکه و با ماوس هر جا که دوست داشتی میتونیبا خودت ببریش
توی وبلاگ ها چطوری میشه همچین کدی درست کرد با html

کد:

---

http://www.golfilm.com/

---

سورس صفحه رو یک نگاه بندار و کدشو بردار

یکم بیشتر راهنمایی کن میرزا
افزونه firebug رو نصب کن بعد از اون استفاده کن
بعد این HTML نست JS هست

آقا من این کداشو نیگاه کردم اومده لقمه رو دور سرش چرخونده

گشتم یک کد مشتی واست پیدا کردم:31:

کد:

---

<style>
<!--
.dragme{position:relative;}
-->
</style>
<script language="JavaScript1.2">
<!--

var ie=document.all;
var nn6=document.getElementById&&!document.all;

var isdrag=false;
var x,y;
var dobj;

function movemouse(e)
{
  if (isdrag)
  {
    dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
    dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
    return false;
  }
}

function selectmouse(e)
{
  var fobj      = nn6 ? e.target : event.srcElement;
  var topelement = nn6 ? "HTML" : "BODY";

  while (fobj.tagName != topelement && fobj.className != "dragme")
  {
    fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  }

  if (fobj.className=="dragme")
  {
    isdrag = true;
    dobj = fobj;
    tx = parseInt(dobj.style.left+0);
    ty = parseInt(dobj.style.top+0);
    x = nn6 ? e.clientX : event.clientX;
    y = nn6 ? e.clientY : event.clientY;
    document.onmousemove=movemouse;
    return false;
  }
}

document.onmousedown=selectmouse;
document.onmouseup=new Function("isdrag=false");

//-->
</script>

---

اینم روش به کار گیری

کد:

---

<img src="http://forum.p30world.com/images/misc/P30World-Norooz90.jpg" class="dragme">

---

نیازی به توضیح هم نیست ولی بهتره کد رو داخل یک فایل با پسوند js ذخیره کنی بعدش درون صفحه فراخوانی کنی

اینم منبع :

کد:

---

http://elouai.com/javascript-drag-and-drop.php

---