为了账号安全,请及时绑定邮箱和手机立即绑定
background:#000000;
position: absolute;
top: 0px;left: 0px;z-index: 8000; // 楼上说的
opacity:0.4;

最新回答 / 慕侠2155777
当然是0  你自己设置的。 按下事件还没执行呢

最新回答 / 慕粉4204641
可能这个事件监听函数没有绑定成功,看看an(id)函数的参数是否是正确的id
打卡。。。
实际开发中是有插件可以实现的。做这个也是为了明白插件的原理。所以说JS是基本。实际开发中并不用担心一个小效果会多麻烦。因为难的不是麻烦,而是自己创新出一个效果并实现它。
看了很久这个相对位置,意思就是,浮动框最左上角相对于鼠标的位置是-100px;,然而鼠标在拖动的过程中位置是不断在变化的,所以,相对的,浮动框跟着鼠标移动后的最后位置是相对于鼠标位置上左各100px;
教学视频能不能严谨点,var elW=el.offsetWidth 和var elH=el.offsetHidth 这两段哪能获取到值,我查了半天还以为自己代码有问题,要在el后面加上[0],这样var elW=el[0].offsetWidth 和var elH=el[0].offsetHidth 才能获取到

最新回答 / Mext
没有看到全部代码因此不太清楚问题所在,我按照老师写的并没有问题。
说没居中的同学是没有调用函数,视频里的老师是在控制台里调用,在这里需要自己来调用一下。
autoCenter(dialog);
我是用电脑看的,按全屏查看后发现水平方向没有居中,这个原因是因为我们在按提交时,右边窗口的width和元素的宽度几乎一样,而var bodyW = document.documentElement.clientWidth;获取的宽度是当前右边窗口的可视区宽度,所以当全屏后会发现并没有居中。要想看到效果最好自己敲一遍用浏览器查看。
老师代码很精练!

最赞回答 / 啊慕幕
有的,你仔细看,dialog里面有个class="dialogTile"

最新回答 / Mext
你写的代码贴出来啊,是不是获取了错误的对象,还是没有写宽度?
165. addEventListener
182. moveX = mouseX - mouseOffsetX;
190. isDraging = false;

最新回答 / 梦雨曦
onmousemove这个事件绑定到document上 “document.onmousemove“
哎哟窝草,讲的太快了,看完了都还没弄明白
课程须知
1.对DIV和CSS基本内容掌握,理解元素的定位的概念 2.对JS基本语法掌握,理解函数和事件的概念 3.适合一定实战经验的中级以上层次人员学习。
老师告诉你能学到什么?
1.掌握对可拖拽对话框的实现原理 2.了解元素如何触发脚本方法以及如何编写侦听事件 3. 学会设置元素在页面中居中和全屏

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消