Question

js如何改变一个图片的style的top属性？

^
图
图
图
图

想做一个如上图所示的功能，当点击 ^ 的时候，图片会上移一个位置。
但是似乎不能写成document.getElementById("").style.top=document.getElementById("").style.top-55px;
应该怎么做

Answer 1

document.getElementById("").style.top的值应该是字符串，例如"100px",如果是这样的话，
应该先取"100px"的数字的部分，再进行100-55，得出45之后再加上字符串"px"

Answer 2

$("#id").animate({ top: "-=55px" }, 200);
"200",这里写的是时间，1000为一秒
要先引用jquery公共类库

Answer 3

top和left属性只针对层，对于一般的静态元素不起作用

追问

问题是直接赋值是可以的，用表达式就不行。

比如document.getElementById("").style.top="55px";

就能运行通过,就是不能document.getElementById("").style.top=document.getElementById("").style.top-55px;

追答

你减55就减55，你来个减55px做什么呢？
编程也一样，也要遵循一下数学定律
你告诉我
100-55px=多少啊？

Top = parseInt(document.getElementById("").style.top.replace('px', '')) - 55;
document.getElementById("").style.top = Top + 'px';
这样不是很好吗？

Answer 4

用JQ呗。JS不好操作

Answer 5

这个去找现成代码吧，网上挺多的，就是图片滚动