如何使用js实现图片来回拖动
1、新建一个html文件,命名为test.html,用于讲解实现图片来回拖动的方法。

3、为了展示明显的效果,使用css对两个div块和img进行布局,给div设置宽高,同时给它一个边框。

5、给两个div绑定ondragover()拖动中事件,实现允许图片在两个div内移动。代码如下:

7、在浏览器打开test.html文件,拖动图片从左边的div移动到右边的div,再把兔脒巛钒图片从右边的div移动到左边的div,实现图片的来回移动。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:28
阅读量:82
阅读量:74
阅读量:31
阅读量:81