背景色をAB,ACというように設定するには
お世話になります
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>index03のページ</title>
<style type="text/css">
body {
background-color: #FFFFCE;
background-image: url();
}
.list01-odd {
background-color: #FFCCFF;
}
.list01-even{
background-color: #EEFFEE;
}
.list02-odd {
background-color: #FFD5AA;
}
.list02-even{
background-color: #EEFFEE;
}
a {color: #cc6600
}
ul,li {padding:0;
margin:0;
line-height:1.3;
font-size: 14px;
font-weight: italic;
}
li a {text-decoration: none;}
.blockAA {width:740px;
background:#FFFCCC;}
.blockAA ul {width:740px;}
.blockAA ul li {float:left;
width:340px;
list-style:none;
padding-left:30px;
}
.unnamed1 { font-size: 16px;
color: #FF0000;
font-style: italic;
font-weight: normal;
}
.style153 {font-size: 16px; color: #9CCE39; font-weight: bold; }
.style132
/* clearfix */
.blockAA ul:after { content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
/* for ie */
* html .blockAA ul {display:inline-table;}
/* hides from ie-mac \*/
.blockAA ul {height:1%;}
/* end hide from ie-mac */
</style>
<script type="text/javascript">
window.onload=function(){
var ul_elms =document.getElementsByTagName("UL");
for(var i=0;i<ul_elms.length;i++){
if(ul_elms[i].className =="hoge1"){
var count=0;
var elment=ul_elms[i].firstChild;
while(elment){
if(elment.tagName=="LI"){
if(count>1){
elment.className ="list01-evn";
count=(count>2)?0:3;
}else{
elment.className ="list01-odd";
count++;
}
}
elment=elment.nextSibling;
}
}
}
}
window.onload=function(){
var ul_elms =document.getElementsByTagName("UL");
for(var i=0;i<ul_elms.length;i++){
if(ul_elms[i].className =="hoge2"){
var count=0;
var elment=ul_elms[i].firstChild;
while(elment){
if(elment.tagName=="LI"){
if(count>1){
elment.className ="list02-evn";
count=(count>2)?0:3;
}else{
elment.className ="list02-odd";
count++;
}
}
elment=elment.nextSibling;
}
}
}
}
</script>
</head>
わかりにくくてすみません。
list01,list02と、違う色の組み合わせで背景色を交互につけたいのですが、このやり方ではうまくいきません。
(例 list01では白、ピンク、list02では白、茶色というように)
いい方法をご教授願えないでしょうか。
よろしくお願いします。
お礼
ありがとうございました。 参考に致します。