<html>
<head>
<title></title>
<script src="jquery-1.8.3.js" type="text/javascript"></script>
<script>
$(function(){
$("#table1 tr:first").css("fontSize","40");
$("#table1 tr:last").css("color","red");
$("#table1 tr:gt(0):lt(3)").css("fontSize","28");//lt(3)是从gt(0)出的序号,不要写成lt(4)
$("#table1 tr:gt(0):even").css("background","red");//表头不参与“正文表格的颜色”;
$("#table1 tr:gt(0):odd").css("background","yellow");
})
</script>
</head>
<body>
<table id="table1">
<tr><td>姓名</td><td>成绩</td></tr>
<tr><td>tom</td><td>100</td></tr>
<tr><td>jim</td><td>99</td></tr>
<tr><td>john</td><td>95</td></tr>
<tr><td>jason</td><td>94</td></tr>
<tr><td>suln</td><td>93</td></tr>
<tr><td>平均分</td><td>96</td></tr>
</table>
</body>
</html>
分享到:
相关推荐
《Windows界面编程第八篇 listbox彩色显示隔行变色》 http://blog.csdn.net/morewindows/article/details/8656061 配套程序 示范了如何彩色显示listbox控件,并让其隔行变色。 Win32或MFC程序均能使用。
第四步:分别使用CSS的方法(css(name,value))对奇数行和偶数行设置背景颜色。 2、具体代码实现: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用jQuery完成表格...
这段JS放在head中 代码如下: //点击当前选中行的时候...i++) //遍历除第一行外的所有行 { if (sTable.rows[i] != target) //判断是否当前选定行 { sTable.rows[i].bgColor = “#ffffff”; //设置背景色 sTable.rows
6.2 表格实例一:隔行变色 6.3 表格实例二:鼠标经过时变色的表格 6.4 表格实例三:日历 6.5 CSS与表单 6.5.1 表单中的元素 6.5.2 像文字一样的按钮 6.5.3 七彩的下拉菜单 6.6 综合实例一:...
优化表格样式设置,现在边框和隔行变色等样式会直接应用在单元格上,而不是通过CSS类名,避免在ZUI基础样式缺失的情况下丢失样式;优化了右键菜单上的项目,当一些条目在特定情况下不可用时不会显示,例如当光标处于...
list隔行变色.js long.js long2.js ls_socket.js lunar.js LZ动作.js main(1)(1).js main(1)(2).js main(1)(3).js main(1)(4).js main(1).js main(10).js Main(11).js main(12).js main(13).js main...
《C#开发实例大全(基础卷)》筛选、汇集了C#...第一项 302 实例229 将数据表中的字段添加到ComboBox 控件中 303 实例230 在ComboBox下拉列表中显示图片 304 实例231 用ComboBox控件制作浏览器 网址输入框 305 实例232...
第1章 窗口/框架与导航条设计 1 1.1 弹出窗口控制 2 实例001 打开新窗口显示广告信息 2 实例002 定时打开窗口 4 实例003 通过按钮创建窗口 5 实例004 自动关闭的广告窗口 6 实例005 控制弹出窗口居中显示 7 实例006 ...