在页面中,通过一个
标记展示数据列表信息,在元素标记中,奇数行与偶数行的背景色不同,从而实现隔行变色的页面展示效果。<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>使用JavaScript实现隔行变色title> <script type="text/javascript" src="jquery-2.1.4.js">script> <style type="text/css" > body{ font-size:12px; text-align:center;} #tbStu{ width:260px; border:solid 1px #6666; background-color:#eee} #tbStu tr{ line-height: 23px;} #tbStu tr th{ background-color:#ccc; color:#fff} #tbStu .trOdd{ background-color:#0F6} style> <script type="text/javascript"> // window.onload=function(){ // var oTb=document.getElementById("tbStu"); // for(var i=0;iscriptheadththththtrtdtdtdtdtrtdtdtdtdtrtdtdtdtdtrtdtdtdtdtrtbodytablebodyhtml关注打赏