您当前的位置: 首页 > 

[JQ权威指南]第三天:JQ选择器之表格隔行变色

发布时间:2015-06-11 08:49:13 ,浏览量:0

在页面中,通过一个

标记展示数据列表信息,在元素标记中,奇数行与偶数行的背景色不同,从而实现隔行变色的页面展示效果。
 <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            
关注
打赏
1688896170
查看更多评论

暂无认证

  • 0浏览

    0关注

    105695博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文
立即登录/注册

微信扫码登录

0.3767s