<html>
<title>table拖动(兼容Firefox 3.5/IE6),固定表格宽度</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="myjs.js"></script>
<body >
<table class="bg" width="100%" border="1" cellspacing="0" cellpadding="0" bordercolorlight="#7b7b7b" bordercolordark="#efefef" id="theObjTable" >
<tr >
<td width="10%" class="tit" >
<span class="resizeDivClass" id="drag1"><img src="11.gif" width="3" height="18"/></span>
公司名称
</td>
<td width="42%" class="tit" >
<span class="resizeDivClass" id="drag2"><img src="11.gif" width="3" height="18"/></span>
订单客户
</td>
<td width="30%" class="tit" >
<span class="resizeDivClass" id="drag3"><img src="11.gif" width="3" height="18"/></span>
部门
</td>
<td width="8%" class="tit" >
<span class="resizeDivClass" id="drag4"><img src="11.gif" width="3" height="18"/></span>
业务员
</td>
<td width="10%" class="tit" >
交款方式
</td>
</tr>
<tr >
<td>
beyond
</td>
<td >
BEYOND
</td>
<td >
广告部
</td>
<td >
王天一
</td>
<td >
现金
</td>
</tr >
</table>
</body>
</html>
分享到:
相关推荐
本文实例为大家分享了vue.draggable实现表格拖拽排序效果展示的具体代码,供大家参考,具体内容如下 主要使用vuedraggable和sortablejs两个组件。 1、安装组件 npm install vuedraggable npm install sortablejs 2...
有兴趣刚需的可以自己下载,非常实用的代码,可以完美运行,有能力的还可以二次修改!
在网页上实现类似Excel的效果,数据滚动条拖动固定第一行和第一列,附代码备注,一目了然
Jquery实现拖动Div排序效果演示代码下载,可以实现拖动排序图片,表格内容顺序等功能,想看在线演示效果的请前往:http://www.ui3g.com/code/uicode-441.html
类似于桌面程序中的表格拖动表头的效果,当鼠标停留在表头边框线上时,鼠标会变成表示左右拖动的形状,接着拖动鼠标,会在表格中出现一条随鼠标移动的竖线,最后放开鼠标,表格列宽会被调整。最近比较空闲,便自己...
Handsontable 实现了在 HTML 页面中仿 Excel 编辑效果的表格编辑功能。在 Excel 中可进行的操作,你几乎都可以在网页中做到,如拖动复制、Ctrl+C 、Ctrl+V 等等。另外在浏览器支持方面,它支持以下的浏览器 IE7+, FF...
web页面中通过鼠标拖动来调整table列宽的实例,用JS实现,使用起来超级简单,只需要把JS文件导入,然后在需要实现该效果的table中套用CSS就可以了,还不会的去看实例,实例中有DEMO的页面。
类似于桌面程序中的表格拖动表头的效果,当鼠标停留在表头边框线上时,鼠标会变成表示左右拖动的形状,接着拖动鼠标,会在表格中出现一条随鼠标移动的竖线,最后放开鼠标,表格列宽会被调整。最近比较空闲,便自己...
玩家只需通过鼠标,拖动小动物,让三个及以上的同色小动物横竖相连即可消除,完成每关的指定消除目标就可以过关。 效果展示地址:https://blog.csdn.net/weixin_43151418/article/details/130594511
程序描述:本章将利用开源框架Prototype,讲述如何在网页中实现Windows关机效果,使读者对Prototype框架有进一步的认识。 /lightbox.html 仿Window关机效果 /lightbox.js JavaScript脚本文件 第23章...
jQuery表格拖动排序插件TableDnD jQuery常用网站商品分类筛选功能 jquery-弹出表单录入商品信息 jQuery弹出层插件popupWindow.js jQuery调色板变换背景 jQuery调用百度地图坐标定位 jquery多功能表单验证2.0(原创) ...
网上我也见到一些分栏效果,也有一个jquery的插件jquery.splitter.js, 但是他们基本都没有解决一个问题:如果页面上有iframe, 当拖动分割线经过iframe的时候,鼠标不听使唤了,我曾经开过帖子讨论过这个问题。...
HTML(超文本标记语言,HyperText Markup Language)是一种标记语言,用于...需要注意的是,HTML只关注网页的结构和内容,不负责实现网页的交互和动态效果。如果需要添加交互或动态功能,可以使用JavaScript来实现。
9.23 用键盘上下键实现表格行的上下选择 9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现...
9.23 用键盘上下键实现表格行的上下选择 9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现...
《超实用的jQuery代码段》的代码跨平台、跨设备、跨浏览器,充分向读者演示了如何使用jQuery的各项技术,实现令人激动的网页效果。 《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发,对最实用的...
images JavaScript表格高亮选择特效 jq 3D旋转木马 jQuery QQ登陆框效果 jquery+css3时钟效果 ...最少代码的瀑布流实现预览效果 滚动条.htm 漂亮的放GG代码的广告框架 用户注册代码 简洁的左右切换焦点图代码(jQuery)
综合jquery实现表格隔行换色和鼠标经过提示效果源码 7)日历插件 1.jQuery简洁漂亮点阵数字时钟显示日期的插件 2.一款简单jQuery日历选择器代码 3.基于jquery实现倒计时钟插件下载,Flip-Down Clock特效效果 ...
09/9.3.1.html 直接引用结点范例 09/9.5.1.html 表格操作范例 09/9.5.5.html 添加单元格范例 09/9.5.8.html 删除行和单元格范例 09/9.5.9.html 交换两行的位置范例 <br>第10章 10/...