利用JavaScript的%做隔行换色的实例
网络 2017-12-22 1350
如下所示：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> li { list-style-type: none; width: 300px; height: 30px; } </style> </head> <body> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <script type="text/javascript"> var oli=document.getElementsByTagName('li'); for(var i=0;i<oli.length;i++) { if(i%2==0) { oli[i].style.background='#F17B7D'; } else { oli[i].style.background='#EDB461'; } } </script> </body> </html> |
