<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
<!--
var b=0;
var x=0;
function c1(){
b=1;
var ssx=document.getElementById("d1").style.left;
var a=parseInt(ssx);
var ss1=event.clientX;
x=ss1-a;
var ssy=document.getElementById("d1").style.top;
var c=parseInt(ssy);
var ss2=event.clientY;
y=ss2-c;
}
function c2(){
b=0;
}
function move1(){
if(b==1){
document.getElementById("d1").style.left=event.clientX-x;
document.getElementById("d1").style.top=event.clientY-y;
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<div id="d1" style="background-color:red;position:absolute;width:100;height:100;top:200px;left:200px;" οnmοusedοwn="c1();" οnmοusemοve="move1();" οnmοuseup="c2();" >
</div>
</BODY>
</HTML>
div随鼠标移动
最新推荐文章于 2023-05-17 14:43:36 发布