`
jeelee
  • 浏览: 628783 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

隔行变色,第一行设置颜色,最后一行设置颜色

 
阅读更多
<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彩色显示隔行变色

    《Windows界面编程第八篇 listbox彩色显示隔行变色》 http://blog.csdn.net/morewindows/article/details/8656061 配套程序 示范了如何彩色显示listbox控件,并让其隔行变色。 Win32或MFC程序均能使用。

    使用JQ完成表格隔行换色的简单实例

    第四步:分别使用CSS的方法(css(name,value))对奇数行和偶数行设置背景颜色。 2、具体代码实现: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;使用jQuery完成表格...

    高效的表格行背景隔行变色及选定高亮的JS代码

    这段JS放在head中 代码如下: //点击当前选中行的时候...i++) //遍历除第一行外的所有行 { if (sTable.rows[i] != target) //判断是否当前选定行 { sTable.rows[i].bgColor = “#ffffff”; //设置背景色 sTable.rows

    精通CSS+DIV网页样式与布局视频教材

    6.2 表格实例一:隔行变色 6.3 表格实例二:鼠标经过时变色的表格 6.4 表格实例三:日历 6.5 CSS与表单 6.5.1 表单中的元素 6.5.2 像文字一样的按钮 6.5.3 七彩的下拉菜单 6.6 综合实例一:...

    HTML5跨屏框架ZUI 1.9.1

    优化表格样式设置,现在边框和隔行变色等样式会直接应用在单元格上,而不是通过CSS类名,避免在ZUI基础样式缺失的情况下丢失样式;优化了右键菜单上的项目,当一些条目在特定情况下不可用时不会显示,例如当光标处于...

    autoJS1688示例.zip

    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#开发实例大全(基础卷).软件开发技术联盟(带详细书签) PDF 下载

    《C#开发实例大全(基础卷)》筛选、汇集了C#...第一项 302 实例229 将数据表中的字段添加到ComboBox 控件中 303 实例230 在ComboBox下拉列表中显示图片 304 实例231 用ComboBox控件制作浏览器 网址输入框 305 实例232...

    JavaScript网页特效范例宝典源码

    第1章 窗口/框架与导航条设计 1 1.1 弹出窗口控制 2 实例001 打开新窗口显示广告信息 2 实例002 定时打开窗口 4 实例003 通过按钮创建窗口 5 实例004 自动关闭的广告窗口 6 实例005 控制弹出窗口居中显示 7 实例006 ...

Global site tag (gtag.js) - Google Analytics