如下所示:
<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>
以上这篇利用JavaScript的%做隔行换色的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。