JS中如何实现Image对象的移动？

Question

我声明了一个Image对象
var img=new Image();
在对这个图片对象装载相应的图片后，我想在
img的onclick时间中，向左或者向右移动整个
图片，请问应该怎么样编写代码？
另外，一开始装载图片的时候，设置什么属性可以
使该图片显示在网页的中央呢？谢谢！

Answer 1

JS中的Image对象，有没有相应的属性可以控制图片移动的呢？

Answer 2

不知道你会不会用JQuery,直接用JavaScript做这样的程序需要考许多,浏览器兼容性问题.很恶的..

Answer 3

img有定位属性么？没有的话就不能移动
移动的是外包含具有定位属性的无边框元素，例如div

Answer 4

CSS 的 Left  和   Top

Answer 5

CSS 的 Left 和 Top

Answer 6

var img=new Image();
img.style.left = "100px";
img.style.top ="300px";
这两个数值，就是移动的坐标！！

Answer 7

  img.style.position="absolute"; //设置对象属性可以用left top 等属性定位，且具有层级关系。如果不考虑层级关系，也可以用 "relative";
  var x = img.style.left;
  x = x.replace("px","") 
  img.style.left=(x*1)+100; //+100表示向右移动100px，往左移动请-100

Answer 8

看看这个：
var div = document.getElementById("div");
getCheckValue(object,div);
   div.style.display="block";
       var left = object.offsetLeft;
       var top = object.offsetTop+object.offsetHeight+12;
       div.style.border = "black 1px solid";
       div.style.backgroundColor="white";
      div.style.top = top+"px";