JavaScript makes pages, sometimes in order to get rid of the monotonous color display between table rows and rows, seeking a simple visual effect that requires a different color display between each row. The general production, all by hand to adjust the color, so that the management table is extremely inconvenient. The solution is to use JavaScript and CSS to control.
Production method:
1. Insert CSS style between . T1 {background-color: #336699}
. t2 {background-color: #ffcc00}
Where the #336699与 #ffcc00 is the color value for each row of rows.
2. Insert the table using Dreamweaver. and give the table the ID value: <table id= "table1" >
3. Insert JavaScript code under form <table>...</table> code:
<script language= "Javascript1.2" >
for (i=0;i<table1.rows.length;i++) {
(i%2==0)? (Table1.rows (i). ClassName = "T1"):(table1.rows (i) className = "T2");
}
</script>
Make a complete, please make a look at their own effect bar!!
