jquery实现拖动
来源:互联网 发布:淘宝面膜便宜的原因 编辑:程序博客网 时间:2024/06/05 20:05
<!DOCTYPE html><html><head><style>div{ width:100px; height:100px; background:red; position:absolute;}</style><script type="text/javascript" src="js/jquery-1.11.3.js"></script><script>$(function(){var disX = 0;var disY = 0;$('div').mousedown(function(ev){disX = ev.pageX - $(this).offset().left;//获取鼠标到元素的left,top位置disY = ev.pageY - $(this).offset().top;$(document).mousemove(function(ev){$('div').css('left',ev.pageX - disX);//获取移动后鼠标的位置,并重新赋值给元素$('div').css('top',ev.pageY - disY);});$(document).mouseup(function(){$(document).off();});return false;});});</script></head><body><div></div></body></html>
阅读全文
0 0
- JQUERY实现拖动层
- Jquery实现拖动条
- jquery实现鼠标拖动
- jquery实现拖动排序
- Jquery实现拖动
- jquery拖动简单实现
- jquery实现拖动
- jQuery实现拖动
- jquery实现图片拖动
- jquery实现div的拖动
- JQuery实现拖动删除效果
- jQuery 实现Div 可拖动
- jQuery 实现拖动浮动层
- JQuery实现DIV拖动效果
- jquery 实现 div 拖动效果
- jQuery实现可以拖动的div
- Jquery一行代码轻松实现拖动效果
- 用jquery实现简单拖动框
- MySQL字符串函数
- 第二篇 在终端下关闭防火墙和SElinux
- Git使用教程
- 结构体struct前面加 typedef和不加typedef的区别
- hdu2650
- jquery实现拖动
- Android 常用设计模式之 -- 策略模式
- HDU5969(二进制计算)
- gitlab CI
- 逻辑回归中代价函数求导推导
- 软件编写规范(注释篇)
- jsp
- Lab_2
- nvm的window下配置和安装