js实现拖拽功能

效果图：(红色方块可任意拖动)

代码如下：

元字符集='UTF-8 '元名称='生成器'内容='编辑加上元名称='作者'内容='元名称='关键字'内容='元名称='描述'内容='标题文档/标题样式类型='文本/CSS ' * { margin 33600；划水：0;}正文{背景： URL(' img/2345 _ image _ file _ copy _ 1。jpg’)；} # d1 { width:100px高度：100 px背景：红色；左边距left :300 px }/style/head body div id=' D1 '/div/body脚本窗口。onload=function(){ var D1=document。getelementbyid(' D1 ')；d 1。onmousedown=function(e){ var mouseX=e . client x；e.clientY//计算xy var Pianyix=MouseX-D1。offsetleft变量pian yiy=Mousey-D1。偏移顶部；文件。onmousemove=function(e){ var newX=e . client x-Pianyix；var NEwY=e . client y-Pianyiy；D1。风格。左边距=NewX ' pxD1。风格。margintop=NEwY ' px} };文件。onmouseup=function(e){ document。onmousemove=null};} /* 结果，上面的onmousemove要写在文件上，我写在差异上导致错误*//脚本/html以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！