ul/LI结构的隔行换色及鼠标滑过变色

 这是个UL/LI结构的隔行换色以及鼠标滑过背景变色，没有使用给LI赋予不同的类名来实现，用的是脚本形式。

特别要注意JS代码中的 var Ptr=document.getElementById("tab").getElementsByTagName("li");
Ptr[i-1].className = (i%2>0)?"t1":"t2";  和 this.className = "t3";   这和CSS中的
.mytable ul li.t1 {}   .mytable ul li.t2 {} .mytable ul li.t3{} 有对应关系。还要注意HTML中的<div class=mytable id=tab></div>
这里的 id=tab 和 JS中的document.getElementById("tab") 有对应关系。

TAG标签