本文实例讲述了JS+CSS实现Li列表隔行换色效果的方法。分享给大家供大家参考。具体实现方法如下: 复制代码 代码如下: CSS+Js实现Li列表隔行换色效果 <br /> .mytable {border-collapse:collapse;border:solid #6AA70B;border-width:0px 0 0 0px;width:50%;}<br /> .mytable ul li {padding-top:5px;text-indent:2em;list-style:none;background:url(/images/20110704/new_dot.gif) 3px 50% no-repeat;border-bottom:#6AA70B 1px dotted ;font-family: "Verdana,宋体";font-size: 12px;color:#008000;text-align:left;height:25px;}<br /> .mytable ul li.t1 {background-color:#EFFEDD;}<br /> .mytable ul li.t2{background-color:#ffffff;}<br /> .mytable ul li.t3 {background-color:#D2FCA0;}<br /> JavaScript实现文字与图片拖拽效果的方法 jQuery实现点击图片翻页展示效果的方法 php实现递归与无限分类的方法 php实现多维数组中每个单元值(数字)翻倍的方法 php数组添加与删除单元的常用函数实例分析 JS+CSS实现可拖动的弹出提示框 js实现下拉框选择要显示图片的方法 js实现点击图片将图片地址复制到粘贴板的方法 <br /> <!--<br /> var Ptr=document.getElementById("tab").getElementsByTagName("li");<br /> function $() {<br /> for (i=1;i<Ptr.length+1;i++) { <br /> Ptr[i-1].className = (i%2>0)?"t1":"t2"; <br /> }<br /> }<br /> window.onload=$;<br /> for(var i=0;i<Ptr.length;i++) {<br /> Ptr[i].onmouseover=function(){<br /> this.tmpClass=this.className;<br /> this.className = "t3"; <br /> };<br /> Ptr[i].onmouseout=function(){<br /> this.className=this.tmpClass;<br /> };<br /> }<br /> //--><br /> 希望本文所述对大家的javascript程序设计有所帮助。