有一个页面,有几个Div和其它的一些控件,如何在点击button后,把一个div显示在页面的最上端,除了显示的div上面的控制可以使用,其它上面的div都不能使用,显示的div可以移动
如图示
在选择内容后,点上传文件,弹出一个上传的div(除了该div上面的东西可以使用外,其它的内容不能使用),该div可以移动,点取消后,div消失,其它的控制可以正常使用
类似于一些网站的登陆是吧？我大概把逻辑说一下，你可以试试。首先写一个DIV，宽高要占网站的全部，背景选灰色，然后给一定的透明度，再添加一个子DIV，这个DIV就是可以移动的那个，CSS样式先写好，把最外层的DIV的display设置为none，当用户点击bottom时这个DIV的display更改为block。内部DIV的移动也是通过JS控制的，计算鼠标点击的位置，再获取可移动DIV的left，然后拿鼠标位置减去left，获得鼠标位置离DIV最左侧的位置假设为A，当鼠标拖动时拿鼠标位置减去数值A就得到新的left，将其赋值给移动的DIV。大概就是这样了，有点绕，可以从网上找一些拖动的代码研究一下，祝你成功！！！
温馨提示：答案为网友推荐，仅供参考
