js改变元素位置

JavaScript018

js改变元素位置,第1张

document.getElementById("元素的id").style.width = ''//意思是设置你的元素的宽度;

document.getElementById("元素的id").style.height = ''//意思是设置你的元素的高度;

如果你把上面的两句代码放到点击事件中去执行的话,那么就达到你的说的要求了

搞过wpf的动画,对js的不太熟悉,不过想来思路也差不多。如果轨迹是你自己定的,那么就构建条路径(path或者别的什么),将它设置为元素移动路径如果是随机的,你就在每一步移动之前用随机数取得下一步的坐标,设置为单步动画的目标点

var p = document.getElementById("div1")

p.style.position = "absolute"

p.style.left="100px"

p.style.top="100px"