参考:慕课网DOM实践探秘 http://www.imooc.com/learn/138
实现需求:点击页面头部,可以拖动面板。使用js原生和jquery 各实现一次。
可以学到:1、鼠标在当前页面的位置。
2、事件处理程序,阻止冒泡,
3、面板位置的逻辑计算。
4、鼠标事件:onmousedown (鼠标点下) onmouseup (鼠标释放) onmousemove (鼠标移动)
课前须知:html css javascript jquery
实例:
2023-01-08 12:37:43
参考:慕课网DOM实践探秘 http://www.imooc.com/learn/138
实现需求:点击页面头部,可以拖动面板。使用js原生和jquery 各实现一次。
可以学到:1、鼠标在当前页面的位置。
2、事件处理程序,阻止冒泡,
3、面板位置的逻辑计算。
4、鼠标事件:onmousedown (鼠标点下) onmouseup (鼠标释放) onmousemove (鼠标移动)
课前须知:html css javascript jquery
实例: