本文實例講述了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.Bgif) 3px 50% no-repeat;border-bottom:#6AA70Bgif) 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程式設計有所幫助。