jquery实现表格列拖动位置效果代码
代码语言:html
所属分类:拖放
代码描述:jquery实现表格列拖动位置效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.no-select-text {
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
#headTable td {
border-bottom: 0px;
cursor: all-scroll;
}
#mainTable td {
width: 77px;
border-top: 0px;
}
#info {
background: #eee;
border: 1px solid #eee;
width: 100px;
height: 30px;
position: absolute;
top: 0;
left: 0;
display: none;
}
.arrow {
width: 10px;
height: 10px;
position: relative;
/*display: inline-block;*/
/*margin: 10px 10px;*/
}
.arrow:before, .arrow:after {
content: '';
border-color: transparent;
border-style: solid;
position: absolute;
}
.arrow-up:before {
border: none;
background-color: red;
height: 50%;
width: 30%;
top: 50%;
left: 35%;
}
.arrow-up:after {
left: 0;
top: -50%;
border-width: 5px 5px;
border-bottom-color: red;
}
.arrow-down:before {
border: .........完整代码请登录后点击上方下载按钮下载查看
网友评论0