Base-Interlaced color

Structure

<Divclass="Box">
<Ul>
<Li>
<Span>Primary school</Span><Span>3Grade</Span><Span>5Class</Span><Span>Zhou Jie stick</Span>
</Li>
<Li>
<Span>High school</Span><Span>2Grade</Span><Span>3Class</Span><Span>Double-cut LUN</Span>
</Li>
<Li>
<Span>Primary school</Span><Span>3Grade</Span><Span>5Class</Span><Span>Zhou Jie stick</Span>
</Li>
<Li>
<Span>High school</Span><Span>2Grade</Span><Span>3Class</Span><span > double section Lun Span style= "color: #c9a765; Font-weight:bold; " ></span 
  </ li> 
 Span style= "color: #c9a765; Font-weight:bold; " > </ul> 
 </div >          

Style

.Box{
Width230px
}
UL {
List-style-type:none; 
 } 
 .box  line-height: 30PX; 
 padding-left: 10PX; 
 } 
 .box  margin-right: 5PX; 
  
            /span>       

.  li.{
!important;
}

Behavior

Window.onload =function() {
 VarAbox =Document.Getelementsbyclassname("Box");
 VarALi =Abox[0].getElementsByTagName("Li");
 For(VarI=0,L=ALi.Lengthi<Li++) {
 If(i%2) {
 ALi[I].Style.BackgroundColor ="#DDDDDD";
 }Else{
 ALi[I].Style.BackgroundColor ="#cbc06c";
 }
 　　　　　 ALi[I].onmouseover =function() {
 this. classname =  " Special "; 
 } 
  Ali[< Span style= "color: #8db4f2;" >ionmouseout= function  () {
  this. classname =  ""; 
 }            /span>       　　　　　 
 }
}

Base-Interlaced color