JQurey拖拽
来源:互联网 发布:php 面向对象 标准 编辑:程序博客网 时间:2024/06/07 09:52
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Document</title>
<style>
*{margin: 0;
padding: 0;
}
div{
width: 100px;
height: 100px;
background: red;
position: absolute;
left: 0;
top: 0;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
<script src="jquery-1.7.2.js"></script>
<script>
$('div').mousedown(function(e){
// alert(1);
var _x = e.pageX-parseInt($('div').css('left'));
var _y = e.pageY-parseInt($('div').css('top'));
// alert(_x);
$(document).mousemove(function(e) {
var x = e.pageX-_x;
var y = e.pageY-_y;
$('div').css({'left':x,'top':y});
});
$(document).mouseup(function() {
$(document).unbind('mousemove');
$(document).unbind('mouseup');
});
return false;//
});
</script>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Document</title>
<style>
*{margin: 0;
padding: 0;
}
div{
width: 100px;
height: 100px;
background: red;
position: absolute;
left: 0;
top: 0;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
<script src="jquery-1.7.2.js"></script>
<script>
$('div').mousedown(function(e){
// alert(1);
var _x = e.pageX-parseInt($('div').css('left'));
var _y = e.pageY-parseInt($('div').css('top'));
// alert(_x);
$(document).mousemove(function(e) {
var x = e.pageX-_x;
var y = e.pageY-_y;
$('div').css({'left':x,'top':y});
});
$(document).mouseup(function() {
$(document).unbind('mousemove');
$(document).unbind('mouseup');
});
return false;//
});
</script>
0 0
- JQurey拖拽
- jqurey
- jqurey
- JQurey
- 学习jqurey
- jqurey简介
- jQurey选择器
- jQurey基础
- JQurey详解
- JQurey选择器
- jqurey常用方法(jqurey设计思想)
- jqurey 学习网站
- Jqurey查找页面元素
- jqurey过滤选择器详解
- Jqurey Image Horizontal Move
- JQurey 网页版个人简历
- Jqurey拖动Div层
- jqurey删除li元素
- Oracle数据库学习1之简单的理论知识
- 软件开发“人才荒”高级人才最吃香
- Android 2016新技术
- zookeeper深入学习(2)---客户端监控服务器端的上下线
- 【Struts2+Hibernate4】开发学生信息管理功能(二)
- JQurey拖拽
- 解决ubuntu下gedit插件无法勾选的问题
- Zigee协议栈之基础
- NSDateFormatter setDateFormat 自定义日期/时间格式
- Android之---获取手机屏幕、应用的宽和高
- MAC连接安卓手机通过adb指令安装apk
- Linux 下的Bluetooth 架构
- SQL中GROUP BY的理解
- Linux更换终端字体颜色