无事,尝试写下隔行换色,写着写着就感觉自己在复制别人的东西,可悲啊.
不过,也好要档练习吧.
[attach=71]
XML/HTML代码
- <style type="text/css">
- *{font-size:12px;color:#fff;}
- body{background-color:#633801;}
- .caption{border-collapse:collapse;border:solid #ddd;border-width:1px 1px 0;width:500px;text-align:center;background-color:#BF6B00;}
- .aied {border-collapse:collapse;border:1px solid #ddd;width:500px;}
- .aied td {border:solid #ddd;border-width:0 1px 1px 0;}
- .aied th {border:solid #ddd;border-width:1px;}
- tr.bg1 td{background-color:#885A1F;}
- tr.bg2 td {background-color:#986A2E;}
- tr.bg3 td {background-color:#BF6B00;}
- </style>
- <table class="caption">
- <tr><td>类别</td><td>数量</td><td>质量</td><td>价格</td></tr>
- </table>
- <table id="aitable" class="aied">
- <tr><th>美女</th><td>美人鱼</td><td>杨丞琳</td><td>小可爱</td></tr>
- <tr><th>wow</th><td>小D</td><td>QS</td><td>法师</td></tr>
- <tr><th>小说</th><td>侏仙</td><td>清心诀</td><td>寸芒</td></tr>
- <tr><th>运动</th><td>乒乓球</td><td>足球</td><td>羽毛球</td></tr>
- <tr><th>城市</th><td>中山</td><td>桂平</td><td>北京</td></tr>
- </table>
- <br />
- <br />
- <table class="caption">
- <tr><td>类别</td><td>数量</td><td>质量</td><td>价格</td></tr>
- </table>
- <table id="table" class="aied">
- <tr><th>美女</th><td>美人鱼</td><td>杨丞琳</td><td>小可爱</td></tr>
- <tr><th>wow</th><td>小D</td><td>QS</td><td>法师</td></tr>
- <tr><th>小说</th><td>侏仙</td><td>清心诀</td><td>寸芒</td></tr>
- <tr><th>运动</th><td>乒乓球</td><td>足球</td><td>羽毛球</td></tr>
- <tr><th>城市</th><td>中山</td><td>桂平</td><td>北京</td></tr>
- </table>
- <script type="text/javascript">
- /* 第一个改class */
- var aide=document.getElementById("aitable").getElementsByTagName("tr");
- function $() {
- for (i=1;i<aide.length+1;i++) {
- aide[i-1].className = (i%2>0)?"bg1":"bg2";
- }
- }
- window.onload=$;
- for(var i=0;i<aide.length;i++) {
- aide[i].onmouseover=function(){
- thisthis.tmpClass=this.className;
- this.className = "bg3";
- };
- aide[i].onmouseout=function(){
- thisthis.className=this.tmpClass;
- };
- }
- /* 第二个改style.backgroundColor */
- var table = document.getElementById("table");
- var trs = table.getElementsByTagName("tr");
- for (var i=0;i<trs.length;i++) {
- if (i % 2==0){
- trs[i].style.backgroundColor = "#885A1F";
- continue;
- }
- trs[i].style.backgroundColor = "#986A2E";
- }
- </script>
