一个页面,分别用table中处理的,一共一个tr,2个td,每个td都加载了iframe,我现在想在中间增加一个td,当鼠标点击这个td的时候,实现拖动的效果,然后动态改变左右td的大小,要怎么处理啊?
解决方案 »
- Javscript secTable.cells is undefined在Firefox和Chrome浏览器中无法显示
- 求助,javascript函数形参声明时有var和没有var有什么区别?
- firefox下面frameset问题
- JS文件 传参 参数是数组 耽误大家几分钟 帮帮忙
- javascript 弹出对话框问题
- 如果获得一个div的宽高
- 如何固定表格第1列不动?
- 帮小女子一把!急……按钮边框设置!在线等!!
- 如何实现html文件的下载
- Javascript 可以把HTML button's onClick() 事件 传递给本地java JVM吗?多谢!
- 如何用javascript模拟csdn网站右下角的自动弹出框?
- 问一个关于javascript对象的问题。
举例
<table>
<tr><td width="200px">左TD</td><td onmousedown="ini(this);" onmousemove="changewidth(this);" width="300px">移动的比较快,小心点</td><td width="200px">右TD</td></tr>
</table>
<script>
window.document.onmouseup=function(){d=false;};
var x;
var d=false;
function ini(o)
{
x=event.screenX;
d=true;
o.style.border="1px solid red";
}
function changewidth(o){if(d)o.previousSibling.width=((parseInt(o.previousSibling.width)+event.screenX-x)<0)?1:parseInt(o.previousSibling.width)+event.screenX-x;}
</script>
<div></div>
<table>
<tr><td width="200px">左TD</td><td onmousedown="ini(this);" onmousemove="changewidth(this);" width="300px">移动的比较快,小心点</td><td width="200px">右TD</td></tr>
</table>
<script>
window.document.onmouseup=function(){d=false;};
var x;
var d=false;
function ini(o)
{
x=event.offsetX;
d=true;
o.style.border="1px solid red";
}
function changewidth(o){if(d)o.previousSibling.width=(parseInt(o.previousSibling.width)+event.offsetX-x)<0?1:parseInt(o.previousSibling.width)+event.offsetX-x;}
</script>
<div></div>
建议换成一个DIV中间套3个TABLE的 或者中间套3个DIV的