首页 > 语言 > JavaScript > 正文

利用JavaScript的%做隔行换色的实例

2024-05-06 15:24:09
字体:
来源:转载
供稿:网友

如下所示:

<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的%做隔行换色的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持错新站长站。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选