如何在JavaScript中移动前图像而不影响后图像？

函数生成（）{
var c1=document.getElementById（'shadeDiv'）；
c1.addEventListener（'mousedown'，mousedown，false）；
window.addEventListener（'mouseup'，mouseup，false）；
函数mouseUp（）{
removeEventListener（'mousemove'，move，true）；
c1.style.top=“8px”；
c1.style.left=“565px”；
}
功能鼠标向下（e）{
addEventListener（'mousemove'，move，true）；
}
功能移动（e）{
c1.style.top=e.clientY+‘px’；
c1.style.left=e.clientX+'px'；
}
}

正文{
身高：100%；
背景色：#ffffcc；
文本对齐：居中；
}
#沙迪夫{
边框：1px实心；
位置：绝对位置；
左：565px；
顶部：8px；
宽度：145px；
高度：227px；
}
#阴影{
宽度：145px；
高度：227px；
}

掩蔽

您可以将代码更改为这样

函数生成（）{
var c1=document.getElementById（'shadeDiv'）；
c1.addEventListener（'mousedown'，mousedown，false）；
window.addEventListener（'mouseup'，mouseup，false）；
var-origY=null；
函数mouseUp（）{
removeEventListener（'mousemove'，move，true）；
origY=e.clientY；
}
功能鼠标向下（e）{
addEventListener（'mousemove'，move，true）；
}
功能移动（e）{
c1.style.top=（origY+e.clientY）+“px”；
}
}

所有客户端代码？没有服务器代码？是的。所有代码都是客户端代码。按下“运行代码段”后，请更改为整页。如果我点击正面图像，就会弹出背面图像。我怎样才能解决这个问题？对不起，我不明白你的问题