怎么让ASP程序图片随鼠标移动?

Question

RT

Answer 1

<%
Provider = "Provider=Microsoft.Jet.OLEDB.4.0;"
Path = "Data Source=" & Server.MapPath("db1.mdb")
Set conn= Server.CreateObject("ADODB.Connection")
p1=Provider&Path
conn.Open P1

if request("m")="t" then
SET rs=conn.Execute("Update [record] Set [left] = " & split(request("ids")," ")(0) & ",[right] = " & split(request("ids")," ")(1))
response.redirect("index.asp")
response.end
end if

SET rs=Server.CreateObject("ADODB.RecordSet")
rs.open "select top 1 * from [record]",conn,1,1

dim sp
redim sp(2)

if not rs.eof then
sp(0)= rs("left")
sp(1)= rs("right")
end if
rs.close
%>

<style>
body {
margin:0px;
padding:0px;
font-size:12px;
text-align:center;
}
body > div {
text-align:center;
margin-right:auto;
margin-left:auto;
}

.mo {

height:auto;
border:1px solid #CCC;
margin:3px;
background:#FFF;
position:absolute;
}

</style>

<script language="javascript">
function $(_sId){return document.getElementById(_sId);}

function moveStart (event, _sId){
var oObj = $(_sId);
oObj.onmousemove = mousemove;
oObj.onmouseup = mouseup;
oObj.setCapture ? oObj.setCapture() : function(){};
oEvent = window.event ? window.event : event;
var dragData = {x : oEvent.clientX, y : oEvent.clientY};
var backData = {x : parseInt(oObj.style.top), y : parseInt(oObj.style.left)};

function mousemove(){ //鼠标移动时的方法
var oEvent = window.event ? window.event : event;
var iLeft = oEvent.clientX - dragData["x"] + parseInt(oObj.style.left);
var iTop = oEvent.clientY - dragData["y"] + parseInt(oObj.style.top);
oObj.style.left = iLeft;
oObj.style.top = iTop;
dragData = {x: oEvent.clientX, y: oEvent.clientY};
}

function mouseup(){ //放开鼠标键时的方法
var oEvent = window.event ? window.event : event;
oObj.onmousemove = null;
oObj.onmouseup = null;
if(oEvent.clientX < 1 || oEvent.clientY < 1 || oEvent.clientX > document.body.clientWidth || oEvent.clientY > document.body.clientHeight){
oObj.style.left = backData.y;
oObj.style.top = backData.x;
}
oObj.releaseCapture ? oObj.releaseCapture() : function(){};
}
}

function showall(a)
{
var arrAll0=document.getElementById("dom").all;
var s0="";
for(i=0;i <arrAll0.length;i++)
{
if(arrAll0[i].id!="" && arrAll0[i].id!=null)
s0+=arrAll0[i].offsetTop+" "+arrAll0[i].offsetLeft;
}

document.getElementById("ids").value=s0;
if(a==1)
{ alert("详情：\n"+s0);}
}

</script>

<div id="dom">
<div class=mo id=m0 style='position:absolute;top:<%=sp(0)%>px;left:<%=sp(1)%>px;' onMouseDown="javascript:moveStart(event,'m0');">
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif">
</div>
</div>

<div>

<form name="form1" action="?m=t" method="post">
<input type="button" value="显示数据" onclick="showall(1);">
<input type="submit" value="提交吧" onclick="showall(0);">
<input type="hidden" value="" name="ids" id="ids">
</form>
</div>

Answer 2

用javascript