java css隔行变色_JS+CSS实现Li列表隔行换色效果的方法

本文实例讲述了JS+CSS实现Li列表隔行换色效果的方法。分享给大家供大家参考。具体实现方法如下：

CSS+Js实现Li列表隔行换色效果

.mytable {border-collapse:collapse;border:solid #6AA70B;border-width:0px 0 0 0px;width:50%;}

.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;}

.mytable ul li.t1 {background-color:#EFFEDD;}

.mytable ul li.t2{background-color:#ffffff;}

.mytable ul li.t3 {background-color:#D2FCA0;}

• JavaScript实现文字与图片拖拽效果的方法

• jQuery实现点击图片翻页展示效果的方法

• php实现递归与无限分类的方法

• php实现多维数组中每个单元值(数字)翻倍的方法

• php数组添加与删除单元的常用函数实例分析

• JS+CSS实现可拖动的弹出提示框

• js实现下拉框选择要显示图片的方法

• js实现点击图片将图片地址复制到粘贴板的方法

希望本文所述对大家的javascript程序设计有所帮助。