首页 > Web开发 > 详细

JS / jquery 实现页面 面板拖动 QQ网页版登陆页面拖动

时间:2016-06-03 12:48:27      阅读:156      评论:0      收藏:0      [点我收藏+]

参考:慕课网DOM实践探秘 http://www.imooc.com/learn/138 

实现需求:点击页面头部,可以拖动面板。使用js原生和jquery 各实现一次。

可以学到:1、鼠标在当前页面的位置。

     2、事件处理程序,阻止冒泡,

     3、面板位置的逻辑计算。

     4、鼠标事件:onmousedown (鼠标点下)  onmouseup  (鼠标释放) onmousemove (鼠标移动)

 

课前须知:html css javascript jquery

实例:

JS / jquery 实现页面 面板拖动 QQ网页版登陆页面拖动

原文:http://www.cnblogs.com/taoquns/p/5555757.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!