求页面中控制层的大小的JS代码

http://114.88547.com/testmapinput1.zip这是我为以前项目作的一个原型，和你的需求差不多，看看吧，明天就删除

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

错了
http://114.88547.net/testmapinput1.zip
http://114.88547.com/testmapinput1.zip这是我为以前项目作的一个原型，和你的需求差不多，看看吧，明天就删除
<SCRIPT LANGUAGE="JavaScript">
function resizeLayer(evt,name){
newX=evt.x
newY=evt.y
eval("document.all."+name+".style.width=newX")
eval("document.all."+name+".style.height=newY")
}
</script><div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; background-color: #000000; layer-background-color: #000000; border: 1px none #000000;" ondrag="resizeLayer(event,'Layer1')"></div>
photo123(烂柯居士):那个东西我怎么看不太明白啊lgchao() ：你的东西倒很有趣，但只成功了一次，后来用ONDRAG就改变不了了呢？再看看
<HTML>
<HEAD>
<TITLE>Untitled-3</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<script>var ms=0;
function did(obj){
ms=obj;
event.srcElement.setCapture();
x=event.x;
y=event.y;
}function document.onmousemove(){
if(ms){
document.all(ms).style.pixelWidth=event.x-document.all(ms).style.pixelLeft;
document.all(ms).style.pixelHeight=event.y-document.all(ms).style.pixelTop;
}
}function document.onmouseup(){
if(ms){
event.srcElement.releaseCapture();
ms=0;
}
}
</script>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<div id="Layer1" style="position:absolute; left:140px; top:194px; width:361px; height:311px; z-index:1">
  <table width="100%" height="100%" border="1">
    <tr>
      <td bgcolor="#999999"> </td>
      <td width="20"> </td>
    </tr>
    <tr>
      <td height="20"> </td>
      <td><img src="none.gif" width="16" height="16" onMouseDown="did('Layer1')"></td>
    </tr>
  </table>
</div>
crossdavi(铁十字)：也很不错啊，但为什么有时候那个IE里面的东西会全部死掉，然后你刷新一次就又可以动了？说白了我就是想在页面里做一个向窗口一样可以自由拖动，自由改变大小，可以关闭的东西，怎么实现？
不会啊,你再试试我的.
ie全部死掉,是因为拖的太快,当mouse移出太快,未能触发mouseup事件,而一直处于等待的状态,点一下其他窗口就好了,呵呵.
主要不要拖得太粗暴,这个代码还是基本可以得<HTML>
<HEAD>
<TITLE>Untitled-3</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<script>var rs=0;
var ms=0;
function res(obj){
rs=obj;
event.srcElement.setCapture();
}function did(obj){
ms=obj;
event.srcElement.setCapture();
x=document.all(ms).style.pixelLeft-event.x;
y=document.all(ms).style.pixelTop-event.y;
}function document.onmousemove(){if(rs){
document.all(rs).style.pixelWidth=event.x-document.all(rs).style.pixelLeft;
document.all(rs).style.pixelHeight=event.y-document.all(rs).style.pixelTop;
}
if(ms){
document.all(ms).style.pixelLeft=x+event.x;
document.all(ms).style.pixelTop=y+event.y;
}
}function document.onmouseup(){if(rs){
event.srcElement.releaseCapture();
rs=0;
}
if(ms){
event.srcElement.releaseCapture();
ms=0;
}
}
</script>
</script>
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<div id="Layer1" style="position:absolute; left:140px; top:194px; width:361px; height:311px; z-index:1" >
  <table width="100%" height="100%" border="1">
    <tr>
      <td bgcolor="#999999"><table width="100%" height="200" border="1">
          <tr>
            <td onMouseDown="did('Layer1')"> </td>
            <td> </td>
          </tr>
          <tr>
            <td> </td>
            <td> </td>
          </tr>
        </table></td>
      <td width="20"> </td>
    </tr>
    <tr>
      <td height="20"> </td>
      <td><img src="none.gif" width="16" height="16" onMouseDown="res('Layer1')" ></td>
    </tr>
  </table>
</div>
crossdavi(铁十字)我在那个层上加了拖动的事件，然后，如果在页面中你先拖动层，就改变不了大小，
是不是有什么冲突？
不会啊,你把我最后那份代码拷贝过去运行,没有问题啊.如果你在层里面加了table,那么不要以pix定义他的长宽,否则不行啦,用百分比