`
ganjuelovejava
  • 浏览: 92066 次
  • 性别: Icon_minigender_2
  • 来自: 湖南
社区版块
存档分类
最新评论

实现表格拖动效果html

    博客分类:
  • JS
阅读更多
<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实现表格拖拽排序效果

    本文实例为大家分享了vue.draggable实现表格拖拽排序效果展示的具体代码,供大家参考,具体内容如下 主要使用vuedraggable和sortablejs两个组件。 1、安装组件 npm install vuedraggable npm install sortablejs 2...

    jQuery实现表格宽度自动拖拽效果.zip

    有兴趣刚需的可以自己下载,非常实用的代码,可以完美运行,有能力的还可以二次修改!

    HTML表格固定第一行第一列效果

    在网页上实现类似Excel的效果,数据滚动条拖动固定第一行和第一列,附代码备注,一目了然

    Jquery实现拖动Div排序效果演示代码下载

    Jquery实现拖动Div排序效果演示代码下载,可以实现拖动排序图片,表格内容顺序等功能,想看在线演示效果的请前往:http://www.ui3g.com/code/uicode-441.html

    JQuery表格拖动调整列宽效果(自己动手写的)

    类似于桌面程序中的表格拖动表头的效果,当鼠标停留在表头边框线上时,鼠标会变成表示左右拖动的形状,接着拖动鼠标,会在表格中出现一条随鼠标移动的竖线,最后放开鼠标,表格列宽会被调整。最近比较空闲,便自己...

    实现类Excel表格编辑功能的jQuery插件:Handsontable

    Handsontable 实现了在 HTML 页面中仿 Excel 编辑效果的表格编辑功能。在 Excel 中可进行的操作,你几乎都可以在网页中做到,如拖动复制、Ctrl+C 、Ctrl+V 等等。另外在浏览器支持方面,它支持以下的浏览器 IE7+, FF...

    鼠标拖动调整table列宽实例

    web页面中通过鼠标拖动来调整table列宽的实例,用JS实现,使用起来超级简单,只需要把JS文件导入,然后在需要实现该效果的table中套用CSS就可以了,还不会的去看实例,实例中有DEMO的页面。

    JQuery拖动表头边框线调整表格列宽效果代码

    类似于桌面程序中的表格拖动表头的效果,当鼠标停留在表头边框线上时,鼠标会变成表示左右拖动的形状,接着拖动鼠标,会在表格中出现一条随鼠标移动的竖线,最后放开鼠标,表格列宽会被调整。最近比较空闲,便自己...

    html实现开心消消乐小游戏源码

    玩家只需通过鼠标,拖动小动物,让三个及以上的同色小动物横竖相连即可消除,完成每关的指定消除目标就可以过关。 效果展示地址:https://blog.csdn.net/weixin_43151418/article/details/130594511

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    程序描述:本章将利用开源框架Prototype,讲述如何在网页中实现Windows关机效果,使读者对Prototype框架有进一步的认识。 /lightbox.html 仿Window关机效果 /lightbox.js JavaScript脚本文件 第23章...

    jquer实例大全【清晰版】

    jQuery表格拖动排序插件TableDnD jQuery常用网站商品分类筛选功能 jquery-弹出表单录入商品信息 jQuery弹出层插件popupWindow.js jQuery调色板变换背景 jQuery调用百度地图坐标定位 jquery多功能表单验证2.0(原创) ...

    js 分栏效果实现代码

    网上我也见到一些分栏效果,也有一个jquery的插件jquery.splitter.js, 但是他们基本都没有解决一个问题:如果页面上有iframe, 当拖动分割线经过iframe的时候,鼠标不听使唤了,我曾经开过帖子讨论过这个问题。...

    毕业设计会用到的特效之拖动变形

    HTML(超文本标记语言,HyperText Markup Language)是一种标记语言,用于...需要注意的是,HTML只关注网页的结构和内容,不负责实现网页的交互和动态效果。如果需要添加交互或动态功能,可以使用JavaScript来实现。

    《程序天下:JavaScript实例自学手册》光盘源码

    9.23 用键盘上下键实现表格行的上下选择 9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现...

    程序天下:JavaScript实例自学手册

    9.23 用键盘上下键实现表格行的上下选择 9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现...

    超实用的jQuery代码段

    《超实用的jQuery代码段》的代码跨平台、跨设备、跨浏览器,充分向读者演示了如何使用jQuery的各项技术,实现令人激动的网页效果。   《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发,对最实用的...

    61个时尚网页特效

    images JavaScript表格高亮选择特效 jq 3D旋转木马 jQuery QQ登陆框效果 jquery+css3时钟效果 ...最少代码的瀑布流实现预览效果 滚动条.htm 漂亮的放GG代码的广告框架 用户注册代码 简洁的左右切换焦点图代码(jQuery)

    JQuery&CSS;&CSS;+DIV实例大全.rar

    综合jquery实现表格隔行换色和鼠标经过提示效果源码 7)日历插件 1.jQuery简洁漂亮点阵数字时钟显示日期的插件 2.一款简单jQuery日历选择器代码 3.基于jquery实现倒计时钟插件下载,Flip-Down Clock特效效果 ...

    AJAX 源码范例

    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 交换两行的位置范例 &lt;br&gt;第10章 10/...

Global site tag (gtag.js) - Google Analytics