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

JQuery表格操作练习

2010-10-05 14:11 399 查看
1. 效果如图

  代码

/* CSS Document */
body
{
font-size:12px;
}

#main
{
margin:0px auto;
border:solid 1px #aaa;
width:600px;
height:auto;
}

#search
{
margin:100px auto 0px auto;
border:solid 1px #aaa;
width:600px;
height:30px;
}

#checkDiv
{
margin:0px auto 0px auto;
border:solid 1px #aaa;
width:600px;
height:25px;
text-align:right;
}

#searchContent
{
padding-left:10px;
}

#searchText
{
margin-left:10px;
margin-top:3px;
}

#myTb
{
width:100%;
height:100%;
text-align:center;
}

#myTb tr
{
height:21px;
}
#myTb tbody tr
{
cursor:pointer;
}

.even{background:#CCCCCC;}
.odd{background:#FFFFFF;}
.mouseOver{background:#666666;}
.selected{background:#003366;}
.parent{background:#333333; color:#FFFFFF;}
.focus{ border:solid 1px #999999; background:#CCCCCC;}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: