如何在网页上实现拖拉选中效果？

漏了一句，代码如下：
<HTML>
<HEAD>
<title>WebForm2</title>
</HEAD>
<script language=javascript>
function setstart()
{
Form1.start_x.value=window.event.x;
Form1.start_y.value=window.event.y;
}

function setend()
{
Form1.end_x.value=window.event.x;
Form1.end_y.value=window.event.y;
getimg();
}

function getimg()
{
startx=Form1.start_x.value;
starty=Form1.start_y.value;
endx=Form1.end_x.value;
endy=Form1.end_y.value;
var seatid="";
if((startx>endx) || (starty>endy))
{
var temp=startx;
startx=endx;
endx=temp;
temp=starty;
starty=endy;
endy=temp;
}
for (var i=0;i<Form1.document.images.length;i++)
{ var obj=Form1.document.images[i];
var objx=obj.offsetLeft;
var objy=obj.offsetTop;
var clientw=obj.clientWidth;
var clienth=obj.clientHeight;
if (startx<=objx && endx>=objx+clientw && starty<=objy && endy>=objy+clienth)
{
seatid=seatid+Form1.document.images[i].id+",";
}
}
Form1.seatid.value =seatid;
if (!(seatid==""))
{
//Form1.submit();
                                    alert(seatid);
}
}


</script>
<body MS_POSITIONING="GridLayout" onmousedown="setstart()" onmouseup="setend()">
<form name=form1 action="" method="post">
  <a href=""></a>
  <div>ff</div>
  <img id=1 src=1.jpg style="left:12;POSITION: absolute; TOP:32">
  <img id=2 src=1.jpg style="left:36;POSITION: absolute; TOP:42">
  <img id=3 src=1.jpg style="left:52;POSITION: absolute; TOP:56">......
  <img id=88 src=1.jpg style="left:68;POSITION: absolute; TOP:35">
  <img id=89 src=1.jpg style="left:71;POSITION: absolute; TOP:47">
  <img id=90 src=1.jpg style="left:103;POSITION: absolute; TOP:98">
  <img id=91 src=1.jpg style="left:123;POSITION: absolute; TOP:200">
  <input type=hidden name=start_x>
<input type=hidden name=start_y>
<input type=hidden name=end_x>
<input type=hidden name=end_y>
<input type=hidden name=hidemethod value">
<input type=hidden name=seatid style="LEFT: 100; POSITION: absolute; TOP: 500" >
</form>
</html>

解决方案 »

  1.   

    就是有时可以选到一批，有时选不到，我在alert中弹出的。
      

  2.   

    可以给你个例子MSN：[email protected]
      

  3.   

    to maxuedong1(马雪冬):可以把例子发给我吗：[email protected]
    to sfply(随风飘零叶) :对就是框选效果，请指点。
      

  4.   

    我自己做了一个类，以DOM对象的ID传入参数创建一个对象就直接绑定事件，让对象可拖放。
    http://www.pniu.net/JScript/test.asp
    看实例