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

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

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

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

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

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

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

课前须知:html css javascript jquery

实例:

时间: 2024-09-27 13:34:35

JS / jquery 实现页面 面板拖动 QQ网页版登陆页面拖动的相关文章

qq 网页版联系人与日历要如何同步导入到 Outlook

Qq网页版联系人与日历要如何同步导入到outlook 很多人都想知道,qq联系人要怎么导入outlook,毕竟在办公室我们还是比较常用outlook的. 但是,这个问题其实一直没有很好的解决方法,于是我们常常看到有人教学使用由网页版qq进行汇出再到outlook进行所谓的csv汇入这样的方式,其实这种方式实在没有什么效率,更别说日历这块更是拿不出办法可以同步了. 但是现在都已经是云端计算的时代了,连iPhone都能够利用CardDAV及CalDAV同步qq邮箱的联系人以及日历了,凭什么号称商业环

注册绑定页面及微信二维码登陆页面开发项目总结

乐帝来到新的实习单位,也许是之前面试或者在爱奇艺实习的履历,很快被项目组"委以重任".而不是老套路刚入职,先在架构师那培训两周,专心钻研框架,不问具体业务.乐帝只有几天看框架的时间,当被分配给框架页面时,还是不能得心应手,正如同事所说,学习还得按部就班,写写例子,看代码是不行的.    目前这家公司类似<走出软件作坊>作者阿朱所在行业,是面向中大型企业,提供人才管理解决方案的软件公司,时髦的词叫SAAS.这类公司层次要比外包公司高,却还有很多外包公司的特点,不像互联网公司有

HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版

昨天看到这篇文章[置顶]开源组件NanUI一周年 - 使用HTML/CSS/JS来构建.Net Winform应用程序界面 就想弄一个winform结合html5的一个小东西,突有兴致,想在里面嵌套一个微信网页版. 好了,想法一出来,就行动吧,最终效果如下图: 一开始就打算在页面里面嵌套一个iframe指向https://wx.qq.com就OK了,但是我还是太天真,微信网页版会自动跳转.结果如下图: 于是上网搜了一下阻止iframe跳转的办法,就是在iframe标签加上 security="r

微信网页版登陆实现

1. 每打开一次微信网页版页面的时候会随机生成一个含有唯一 uid 的二维码,每次刷新页面都会不一样(这个可以保证一个 uid 只可以绑定一个账号和密码,如果一个 uid 可以绑定多个账号和密码,那么很可能你的电脑会登陆别人的微信哦): 确实返回了唯一 id,但目的是为了识别用户身份,而且实际上打开这个页面的时候浏览器已经和 Server 创建了一个长连接等待确认信息. 查看 http://wx.qq.com 的源码可以轻易看出来,其实这个页面加载完毕的同时,也已经把很多登录后才需要的相关资源都

Wordpress在自定义登陆页面并且禁用自带的登陆页面

在使用Wordpress制作主题之后,不想要他自带的登陆页面以及地址. 1.新建一个用户页面来接管与登陆相关的动作 //在主题根目录下新建page-login.php,通过action获取用户动作,然后进行不同的处理. //当然也可以只把login动作的代码放里面,其余再新建page-register.php等页面. $action = isset($_REQUEST['action']) ? $_REQUEST['action'] : 'login'; global $wpdb, $user_

网页版迅雷离线下载过程分析

1. 登陆 迅雷离线下载的第一步需要使用账号登陆,网页的登陆页面是: http://lixian.xunlei.com/login.html 首先,迅雷服务器验证账号和密码的地址为: https://login.xunlei.com/sec2login https://login2.xunlei.com/sec2login https://login3.xunlei.com/sec2login 以上任意一个地址(服务器)都可以验证,迅雷离线页面采取某种算法随机选择一个. 然后,向服务器提交的数据

session过期情况下弹出窗口显示2个登陆页面的问题处理

根据多年的web开发经验,一般当session过期之后,当用户点击任何一个按钮之类的,都是自动跳转到登陆页面,这个在网上有很多过滤器,拦截器实现. 那么在使用类似jquery easy ui的时候,如果页面有一些弹出窗口,是在弹出了窗口再去加载地址拉数据出来的,就会出现父页面跳到登陆页面,弹出页面也跳到登陆页面. 如何解决这个问题呢,我的办法如下: 首先,在过滤器中如果是session过期的话,自动跳到登陆页面,并且带上一个固定参数,在页面index.jsp中获取这个参数,如果存在. 其实就是在

session过期跳转到登陆页面并跳出iframe框架的两个方法

最近在做拦截器,判断用户登录后操作超时,失去权限然后要重新登录,但是用的iframe,返回的登陆页总是在框架中显示,我百度了下,总是只有其中一个方法,现在分享下两种解决方法,希望对你们有帮助: 方法一: 一般使用filter过滤用户是否登录,如果用户没有登陆则转向登陆页面,这时候可以使用response.sendRedirect().但当在页面上使用了iframe后,发现被重定向的只是父页面中的iframe区域,登陆页面内容显示在该区域中.说明在过滤器中发送重定向请求时,是在iframe页面发送

微信网页版朋友圈在哪?怎么找不到

之前ytkah有介绍了微信网页版,确实方便了很多,直接浏览器就可以操作,不用安装其他程序.用过的朋友都在问微信网页版朋友圈在哪?现在我们一起来找找吧 如下图所示,左侧:第一行的右上角是菜单,分别是发起聊天.关闭桌面通知.关闭声音.意见反馈.退出:第二行是搜索框,可以搜索微信好友.公众号.聊天记录:第三行是微信聊天列表.公众号列表.通讯录列表:右侧:聊天窗口.公众号文章显示.通讯录显示 比较遗憾,微信网页版朋友圈这个功能确实找不到,也许微信团队原本就没打算把它加进去,本着极简的原则,让你提高效率,