css div如何交替颜色
最新回答
苑苎卉林傲
2024-06-25 11:40:36
----------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
"><html xmlns="
http://www.w3.org/1999/xhtml
"><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
div{ height:25px}
</style>
<title>无标题文档</title>
</head>
<body>
<div id=list>
<div>这是div</div>
<div>这是div</div>
<div>这是div</div>
<div>这是div</div>
<div>这是div</div>
</div>
<script type="text/javascript">
<!--
var colorArr = new Array("#cc0000","#cc00cc");
var s = 0;
function listdown() {
var list = document.getElementById("list").getElementsByTagName("div");
for (var i=0;i<list.length ;i++ )
{
list[i].style.backgroundColor = colorArr[s++];
if (s==colorArr.length)
{
s = 0;
}
}
}
window.onload = listdown;
//-->
</script>
</body>
</html>
--------------------------------------------------------------------
脚本解释：
-------------------------------------------------------------------
<script type="text/javascript">
<!--
var colorArr = new Array("#cc0000","#cc00cc"); /*定义颜色数组*/
var s = 0;
function listdown() {
var list = document.getElementById("list").getElementsByTagName("div"); /*读取id为list里的div赋给list*/
for (var i=0;i<list.length ;i++ )
{
list[i].style.backgroundColor = colorArr[s++]; /*将colorArr颜色数组的第s个颜色值赋给list数组里第i个div的背景色
*/
if (s==colorArr.length) /*如果颜色数组长度等于s，使s值为0，这是为了实现颜色交替，前2个颜色交替完了，就开始下一组了*/
{
s = 0;
}
}
}
window.onload = listdown; /*页面加载时就调用此函数实现效果*/
//-->
</script>
--------------------------------------------------------------------
已经解释的很清楚了，div的都会了 li的 同理，把ul的id设为list，div换成li
。O了，还有不明白的Hi一下。
对了，我测试过了，firefox浏览器是不支持expression的。
逐风
2024-06-25 01:44:45
热门标签
