js interlaced color change, mouse over color change code_layout and layers

<title>The effect of changing color on alternate lines and changing color when the mouse is crossed</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> .container ul{margin:0;padding:0;} .container li{cursor:pointer;height:30px;width:200px;background-color:#FFC;line-height:30px;text-indent:1em;font-size:12px;} .container .change{cursor:pointer;height:30px;width:200px;background-color:#C1F9CC;line-height:30px;text-indent:1em;font-size:12px;} .container .current{cursor:pointer;height:30px;width:200px;background-color:#F66;line-height:30px;text-indent:1em;font-size:12px;} </style> <span> </span>The first UL<div class="container"> <ul id="content"> <li> </li>Change color every other line, change color when crossing <li> </li>Change color every other line, change color when crossing <li> </li>Change color every other line, change color when crossing <li> </li>Change color every other line, change color when crossing <li> </li>Change color every other line, change color when crossing </ul> </div> <span> </span>Second UL<div class="container"> <ul id="content2"> <li> </li>Change color every other line, change color when crossing <li> </li>Change color every other line, change color when crossing <li> </li>Change color every other line, change color when crossing <li> </li>Change color every other line, change color when crossing <li> </li>Change color every other line, change color when crossing </ul> </div> <span> </span>Third UL<div class="container"> <ul id="content3"> <li> </li>Change color every other line, change color when crossing <li> </li>Change color every other line, change color when crossing <li> </li>Change color every other line, change color when crossing <li> </li>Change color every other line, change color when crossing <li> </li>Change color every other line, change color when crossing </ul> </div>