发表于： 2022-03-17 21:59:52
0 581
今天完成的任务：今天在做任务2，先是做任务2的滑块，本来是用div盒子做的滑块，利用var xx = e.pageX - $(this).offset().left
xx = xx - 20
var maxxx = $(".ht").width()
来找鼠标跟文档的x距离，然后减去父盒子的x距离 算出偏移，然后做出滑块 确实尝试了很久，左后也模拟出了滑动的滑块，然后后面在测试阶段出了一点问题
$(document).on("mouseup", function () {
$(".ts").unbind('mousemove')
})
$("hk").on("mouseout", function () {
$(".ts").unbind('mousemove')
})
用这两个移出鼠标滑动 也总是会出现意想不到错误。比如在点击滑动都正常，但是一点 点击鼠标不松手来出来后 再进去就会出现滑块自动跟着鼠标移动，试了很久也没有做好。所以尝试另一种利用input来做滑块，这个还是比较简单，大概部分已经完成了还差一点滑动过的地方出现背景色，任务2基本完成
明天提交任务2开始任务3
收获，今天在代码实验上收获很多，对于函数的使用有了更多了解
，还有关于循环，以及鼠标事件
返回列表
评论