资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
用javascript实现li 列表数据隔行变换背景颜色
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style type="text/css"> <!-- .li01 { background:#FFF; } .li02 { background:#eeeeee; } --> </style> </HEAD> <BODY> <div ><ul id="list01"> <li class="title"><a href="#" _ewebeditor_ta_href="%23">title</a></li> <li><a href="#" _ewebeditor_ta_href="%23">111</a></li> <li><a href="#" _ewebeditor_ta_href="%23">222</a></li> <li><a href="#" _ewebeditor_ta_href="%23">333</a></li> <li><a href="#" _ewebeditor_ta_href="%23">444</a></li> <li><a href="#" _ewebeditor_ta_href="%23">555</a></li> <li><a href="#" _ewebeditor_ta_href="%23">666</a></li> </ul></div> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20Language%3D%22Javascript%22%3E%20%0D%0AobjName%3Ddocument.getElementById(%22list01%22).getElementsByTagName(%22li%22)%20%0D%0Afor%20(i%3D0%3Bi%3CobjName.length%3Bi%2B%2B)%20%7B%20%0D%0A(i%252%3D%3D0)%3F(objName(i).className%20%3D%20%22li01%22)%3A(objName(i).className%20%3D%20%22li02%22)%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </BODY> </HTML>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程