Jqueryはインターレースの変色を実現します。
1968 ワード
1.javaScriptはインターレースの変色を実現する:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
.datalist tr.altrow{
background-color:#a5e5aa; //
}
</style>
<script type="text/javascript">
window.onload = function() {
var oTable = document.getElementById("oTable");
for (var i=0;i<oTable.rows.length;i++) {
if (i%2==0) {
oTable.rows[i].className = "altrow";
}
}
}
</script>
</head>
<body>
<table class="datalist" summary="list of members in EE Studay" id="oTable">
<tr>
<td>isaac</td>
<td>isaac</td>
</tr>
</table>
</body>
</html>
2.Jqueryはインターレースの変色を実現する:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script type="text/javascript" src="jquery.min.js" />
<style type="text/css">
.datalist tr.altrow{
background-color:#a5e5aa; //
}
</style>
<script type="text/javascript">
$(function() {
$("table.datalist tr:nth-child(odd)").addClass("altow");
});
</script>
</head>
<body>
<table class="datalist" summary="list of members in EE Studay" id="oTable">
<tr>
<td>isaac</td>
<td>isaac</td>
</tr>
</table>
</body>
</html>