<html>
<head>
<title></title>
<style type="text/css">
#elementId
{
width: 200px;
height: 150px;
background: #000;
color: #fff;
padding: 20px;
position: absolute;
left: 100px;
top: 100px;
cursor: move;
}
</style>
<script type="text/javascript">
window.onload = function() {
var element = document.getElementById("elementId");
element.onmousedown = function(e) {
if (!e) {
e = window.event;
}
var offsetX = e.clientX + document.body.scrollLeft - element.offsetLeft;
var offsetY = e.clientY + document.body.scrollTop - element.offsetTop;
document.onmousemove = function(e) {
if (!e) {
e = window.event;
}
element.style.left = e.clientX + document.body.scrollLeft - offsetX;
element.style.top = e.clientY + document.body.scrollTop - offsetY;
}
document.onmouseup = function() {
document.onmousemove = null;
}
}
}
</script>
</head>
<body>
<div id="elementId">Element</div>
</body>
</html>
<head>
<title></title>
<style type="text/css">
#elementId
{
width: 200px;
height: 150px;
background: #000;
color: #fff;
padding: 20px;
position: absolute;
left: 100px;
top: 100px;
cursor: move;
}
</style>
<script type="text/javascript">
window.onload = function() {
var element = document.getElementById("elementId");
element.onmousedown = function(e) {
if (!e) {
e = window.event;
}
var offsetX = e.clientX + document.body.scrollLeft - element.offsetLeft;
var offsetY = e.clientY + document.body.scrollTop - element.offsetTop;
document.onmousemove = function(e) {
if (!e) {
e = window.event;
}
element.style.left = e.clientX + document.body.scrollLeft - offsetX;
element.style.top = e.clientY + document.body.scrollTop - offsetY;
}
document.onmouseup = function() {
document.onmousemove = null;
}
}
}
</script>
</head>
<body>
<div id="elementId">Element</div>
</body>
</html>
短短几行代码,都不用我说什么是不?