您的位置:首页 > Web前端 > JQuery

jquery动态创建表格插件

2011-04-04 16:44 676 查看
工作快一年了,最近学习jquery,对jquery很感兴趣。第一次写博客,有不足之处还请各位拍砖。
废话少说直接进入主题,

表格功能:
1、添加
2、删除
3、获取值
4、动态填充数据
5、动态设置焦点
6、键盘左右上下键控制单元格焦点
7、单元格添加正则验证功能

WebForm4.aspx

View Code

/* ---------- 页面样式定义 ---------- */
body
{
background-color:#ffffff;
MARGIN:0px;
font-size: 10pt;                             /* 字体大小                  */
font-family:Verdana;                         /* 字体名称                  */
}

/* ---------- 文字链接 - 链接的普通状态 ---------- */
A:link {
color: #0000FF;
TEXT-DECORATION: none;}

/* ---------- 文字链接 - 已被访问链接 ---------- */
A:visited {
COLOR: #0000FF;
TEXT-DECORATION: none}

/* ---------- 文字链接 - 处于活动状态链接 ---------- */
A:active  {
COLOR: #3333ff;
TEXT-DECORATION: none}

/* ---------- 文字链接 - 指针在链接上 ---------- */
A:hover   {
COLOR: #ff0000;
text-decoration: underline;}

/* ---------- 表格样式1(普通表格) ---------- */
.tablestyle1{
font-size: 9pt;                               /* 表格内字体大小       */
width: 100%;                                  /* 表格宽度             */
border: 0px none;                             /* 表格边框宽度         */
background-color: #0077B2;                    /* 表格线颜色           */
cellSpacing:expression(this.cellSpacing=1);   /* 两个单元格之间的距离 */
cellPadding:expression(this.cellPadding=3); }

.TableData   {
BACKGROUND: #FFFFFF;
FONT-SIZE: 10pt;
}


由于不知道怎么上传文件 所以只好把代码贴出来 请各位见谅!!!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: