发文章
发文工具
撰写
网文摘手
文档
视频
思维导图
随笔
相册
原创同步助手
其他工具
图片转文字
文件清理
AI助手
留言交流
以下是使用jQuery实现可拖动的浮动层的完整代码,复制保存到html文件就可以体验效果。也可以访问以下网址体验效果:http://www./keleyi/phtml/dragdiv.htm光标移动到层上,按住鼠标就可以拖动层。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www./1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jQuery实现可拖动的浮动层(版本2) - 柯乐义</title><script type="text/javascript" src="http://www./keleyi/pmedia/jquery-1.8.2.min.js"></script><style type="text/css">.box{ position:absolute; top:200px; left:400px; width:200px; height:200px; background:#8a9bca; cursor:move;}</style><script type="text/javascript">$(document).ready(function (e) {$(".box").mousedown(function (e) {iDiffX = e.pageX - $(this).offset().left;iDiffY = e.pageY - $(this).offset().top;$(document).mousemove(function (e) {$(".box").css({ "left": (e.pageX - iDiffX), "top": (e.pageY - iDiffY) });});});$(".box").mouseup(function () {$(document).unbind("mousemove");});});</script></head><body style="width:2000px"><div>欢迎光临!</div><div class="box" id="Drigging">光标移动到层上,<br />按住鼠标就可以拖动该层。<br /><br /><br /><br />柯乐义</div><div>www.</div></body></html>
来自: 昵称10504424 > 《工作》
0条评论
发表
请遵守用户 评论公约
div当滚动到页面顶部的时候固定在顶部实例代码
花好月圆
F35<div></div><div><br></div><div><br></div><div&
F35<div></div><div><br></div><div><br></div><div><br></div>https://www.toutiao.com/video/7202499250926649894/?
新疆人打个广告,把全国都笑出内伤<div></div><div><br></div><div><br></div&g...
新疆人打个广告,把全国都笑出内伤<div></div><div><br></div><div><br></div><di...
jquery实现div左右自动对齐
jquery实现div左右自动对齐jquery实现div左右自动对齐。使用方法:jquery很容易实现div左右自动对齐的。左内容。右内容。
代码7
蛐蛐历史发展
蛐蛐历史、讲究、文化
利用Jquery.blockui.js创建可拖动、自定义内容的弹出层
利用Jquery.blockui.js创建可拖动、自定义内容的弹出层。jquery.ui.core.js ,jquery.ui.widget.js , jquery.ui.mouse.js , jquery.u...
关于买鞋技巧的攻略总结 - 鞋史研究 - 鞋吧
3. 鞋后帮是很重要的部位,很多水泡都是在那里"磨炼"出来的,脚后跟挨不到鞋子后帮,后帮的上沿会卡脚,或者后帮过紧等等,这都是鞋子设计不好的表现,所以试鞋的时候一定要注意(包括鞋子的...
微信扫码,在手机上查看选中内容