海淘ugg哪个网站好:javascript实现Table行和列的拖动
来源:百度文库 编辑:偶看新闻 时间:2024/05/03 05:57:56
Table表格拖动, 既可以拖动行,也可以拖动列。代码如下:
Html代码
- .resizeDivClass
- {
- position:relative;
- width:4;
- z-index:1;
- left:expression(this.parentElement.offsetWidth - 3);
- cursor:e-resize;
- }
- .resizeDivClass2
- {
- position:relative;
- width:expression(this.parentElement.offsetWidth);
- height:1px;
- border: solid 0px;
- z-index:1;
- top:expression(this.parentElement.offsetHeight - 5);
- cursor:n-resize;
- }
- language=javascript>
- function MouseDownToResize(obj)
- {
- obj.mouseDownX=event.clientX;
- objobj.pareneTdW=obj.parentElement.offsetWidth;
- obj.pareneTableW=theObjTable.offsetWidth;
- obj.setCapture();
- }
- function MouseMoveToResize(obj)
- {
- if(!obj.mouseDownX)
- {
- return false;
- }
- var newWidth=obj.pareneTdW*1+event.clientX*1-obj.mouseDownX;
- if(newWidth>0)
- {
- obj.parentElement.style.width = newWidth;
- theObjTable.style.width=obj.pareneTableW*1+event.clientX*1-obj.mouseDownX;
- }
- }
- function MouseUpToResize(obj)
- {
- obj.releaseCapture();
- obj.mouseDownX=0;
- }
- function MouseDownToResize2(obj)
- {
- obj.mouseDownY = event.clientY;
- obj.pareneTrH = obj.parentElement.offsetHeight;
- obj.pareneTableH=theObjTable.offsetHeight;
- obj.setCapture();
- }
- function MouseMoveToResize2(obj)
- {
- if(!obj.mouseDownY)
- {
- return false;
- }
- var newWidth = obj.pareneTrH * 1 + event.clientY * 1 - obj.mouseDownY;
- if(newWidth > 0)
- {
- obj.parentElement.style.height = newWidth;
- theObjTable.style.height = obj.pareneTableH * 1 + event.clientY * 1 - obj.mouseDownY;
- }
- }
- function MouseUpToResize2(obj)
- {
- obj.releaseCapture();
- obj.mouseDownY=0;
- }
- 改变table的列宽度
-
id=theObjTable STYLE="" border="1" >
bgcolor=cccccc > valign=top > class="resizeDivClass" onMouseDown="MouseDownToResize(this);" onMouseMove="MouseMoveToResize(this);" onMouseUp="MouseUpToResize(this);">- aaa
valign=top > class="resizeDivClass" onMouseDown="MouseDownToResize(this);" onMouseMove="MouseMoveToResize(this);" onMouseUp="MouseUpToResize(this);">dddvalign=top > class="resizeDivClass" onMouseDown="MouseDownToResize(this);" onMouseMove="MouseMoveToResize(this);" onMouseUp="MouseUpToResize(this);">dddvalign=top > class="resizeDivClass2" onMouseDown="MouseDownToResize2(this);" onMouseMove="MouseMoveToResize2(this);" onMouseUp="MouseUpToResize2(this);">- 快乐不是因为拥有的多,而是计较的少。
valign=top > class="resizeDivClass2" onMouseDown="MouseDownToResize2(this);" onMouseMove="MouseMoveToResize2(this);" onMouseUp="MouseUpToResize2(this);">- bbbb
valign=top > class="resizeDivClass2" onMouseDown="MouseDownToResize2(this);" onMouseMove="MouseMoveToResize2(this);" onMouseUp="MouseUpToResize2(this);">- dddd
valign=top > class="resizeDivClass2" onMouseDown="MouseDownToResize2(this);" onMouseMove="MouseMoveToResize2(this);" onMouseUp="MouseUpToResize2(this);">快乐不是因为拥有的多,而是计较的少。valign=top > class="resizeDivClass2" onMouseDown="MouseDownToResize2(this);" onMouseMove="MouseMoveToResize2(this);" onMouseUp="MouseUpToResize2(this);">- bbbb
valign=top > class="resizeDivClass2" onMouseDown="MouseDownToResize2(this);" onMouseMove="MouseMoveToResize2(this);" onMouseUp="MouseUpToResize2(this);">- dddd
valign=top > class="resizeDivClass2" onMouseDown="MouseDownToResize2(this);" onMouseMove="MouseMoveToResize2(this);" onMouseUp="MouseUpToResize2(this);">快乐不是因为拥有的多,而是计较的少。valign=top > class="resizeDivClass2" onMouseDown="MouseDownToResize2(this);" onMouseMove="MouseMoveToResize2(this);" onMouseUp="MouseUpToResize2(this);">- bbbb
valign=top > class="resizeDivClass2" onMouseDown="MouseDownToResize2(this);" onMouseMove="MouseMoveToResize2(this);" onMouseUp="MouseUpToResize2(this);">- dddd
valign=top > class="resizeDivClass2" onMouseDown="MouseDownToResize2(this);" onMouseMove="MouseMoveToResize2(this);" onMouseUp="MouseUpToResize2(this);">快乐不是因为拥有的多,而是计较的少。valign=top > class="resizeDivClass2" onMouseDown="MouseDownToResize2(this);" onMouseMove="MouseMoveToResize2(this);" onMouseUp="MouseUpToResize2(this);">- bbbb
valign=top > class="resizeDivClass2" onMouseDown="MouseDownToResize2(this);" onMouseMove="MouseMoveToResize2(this);" onMouseUp="MouseUpToResize2(this);">- dddd
如何按照TYPE=SELECT选择的行数和列数提交做出TABLE
如何按照TYPE=SELECT选择的行数和列数提交做出TABLE
at table 和 at the table
TABLE和goldenrod 是什么意思?
javascript 如何控制无id 无name属性的table?
关于用javascript控制table内的控件
javascript实现VC中的listcontrol
用javascript实现倒记时
在网页代码里,“table”和“table”有什么区别?
用javascript能不能实现网页中的注册和提交功能呀
javascript在客户端怎么实现和asp中Response.BinaryWrite类似的功能
用javascript能控制网页窗口的大小和位置吗?如何实现?
有两个矩阵A和B,均为3行4列,求两个矩阵之和。重载运算符+和-,实现两个矩阵想加和想减
如何用javascript制作个计算器能够实现加减乘除就行
用JAVASCRIPT如何实现提交当前表单
如何实现页面不刷新ASP,JAVASCRIPT?
怎样用代码实现这个效果?(JavaScript)
javascript怎样实现QQ在线咨询
如何利用javascript实现前进与后退?
javascript 实现图片按钮的方法改进
能否用JAVASCRIPT实现音乐在线试听?
javascript可以实现连接数据库吗?
如何编写一段JAVASCRIPT实现这个功能
如何用javascript通过服务器把table的数据写入excel