如下所示:
<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的%做隔行換色的實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答