js怎么改变图片位置

js怎么改变图片位置

先把图片的父元素的css样式，postion设置为relative，然后图片的postion设置为absolute，然后用js来改变的图片的left 和 top数值就可以改变图片的位置了。如果不设置父元素，那就将图片的postion设置为relative，也可以改变位置，JS同样。
下面是个简单的例子，你参考下






        *{margin: 0; padding: 0;}
        .wrap { position: relative; }
        #pic { position: absolute; }




    

.imgclass1{
position :'absolute';
top:50px;
left:100px;
}
.imgclass2{
position :'absolute';
top:100px;
left:300px;
}
<img id = "imgId" class="imgclass1"/>
var a = $("#imgId").hasClass('imgclass1');
if(a){
$('#imgId').removeClass('imgclass1');
$('#imgId').addClass('imgclass2');
}

通过js获取你需要操作的图片image标签的id。var img=document.getElementbyId('image1');

修改img对象的位置属性，就可以了。