隔行变色，很是简朴，行使jquery实现的

　　几年前，假如你还行使Table建站，各人会笑话你没有行使DIV+CSS，现现在，各人此刻都喜畛刳本身的网站引入jQuery框架，假如你还没有行使的话，那你就OUT了，自从网站引入jQuery往后，我们可以很利便的添加一些令人感受到新奇的殊效，哪怕是一些简朴的成果！

　　本日有时发明白这个JQUERY版本的隔行换色，对原有行使了JQ的伴侣来说，你只需两行代码就能实现这个成果啦，确实挺利便、适用。

　　为办理一些网页殊效运行后不能表现结果（譬喻：jQuery则必要革新）题目，猛火出格新增网页版演示。

　　点击查察：网页殊效

　　运行演示：

<title>一行一行的换颜色</title> <SCRIPT LANGUAGE="<b>Java</b>Script" src="/uploads/common/js/jquery-1.3.2.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript"> <!-- $(function(){ $("tr").each(function(i){ this.style.backgroundColor = ['#ccc','#fff'][i%2] }) //$("tr:not(:first)") //$("tr:even").each(function(){ this.style.backgroundColor = '#ccc' }) //虽然even能实现 }) //--> </SCRIPT> <table> <thead> <tr> <td>姓名</td> <td>电话</td> <td>地点</td> </tr> </thead> <tbody> <tr> <td>Carrion Fly</td> <td>Worldwide</td> <td>gray</td> </tr> <tr> <td>Office Fly</td> <td>California, Bay Area</td> <td>white</td> </tr> <tr> <td>Common House Fly</td> <td></td> <td>brown</td> </tr> <tr> <td>Horn Fly</td> <td>Kansas</td> <td>red</td> </tr> <tr> <td>Face Fly</td> <td></td> <td>green</td> </tr> <tr> <td>Stable Fly</td> <td></td> <td>black</td> </tr> <tr> <td>Carrion Fly</td> <td>Worldwide</td> <td>gray</td> </tr> <tr> <td>Office Fly</td> <td>California, Bay Area</td> <td>white</td> </tr> <tr> <td>Common House Fly</td> <td></td> <td>brown</td> </tr> <tr> <td>Horn Fly</td> <td>Kansas</td> <td>red</td> </tr> <tr> <td>Face Fly</td> <td></td> <td>green</td> </tr> <tr> <td>Stable Fly</td> <td></td> <td>black</td> </tr> </tbody> </table> <!-- 这里是JS里的数组吗？ $(function(){ $("tr").each(function(i){ this.style.backgroundColor = ['#ccc','#fff'][i%2] }) }) ['#ccc','#fff'][i%2] //就这里这个。虽然可以用tr:even 。 代码的进程是知道的， 对i%2取余数，要么为0要么为1， 以是 要么是['#ccc','#fff'][0] 要么是 ['#ccc','#fff'][1] ， 以是要么是#ccc,要么是#fff. javascript数组可以这么界说 var array =['arr1','arr2']; 但影象钟好像不能 ['arr1','arr2'][0],['arr1','arr2'][1],这样写。 在JQ群理问了，他说是 JQ里把数组封装了。 才可以['arr1','arr2'][0],['arr1','arr2'][1],这样写。 说Javascript里要 这样写： if(i%2){ this.style.backgroundColor='#ccc' ; else this.style.backgroundColor='#fff'; } 晕了。 适才本身写了个例子，证明本身是正确的。 <script> for(var i = 0;i<10;i++){ alert(['1','2'][i%2]); } </script> 嘿嘿。偶然辰太不信托本身了。 --><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!