js简单的隔行变色
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
span{
margin-left: 20px;
}
/*li a:hover{
background-color: pink;
}*/
.bian{
background-color: darkgray;
}
</style>
<script>
window.onload = function(){
var lis = document.getElementsByTagName('li');
for(var i=0;i<lis.length;i++){
if(i%2==0){
lis[i].style.backgroundColor = '#ccc';
}
lis[i].onmouseover = function(){
for(var i=0;i<lis.length;i++){
lis[i].className = '';
}
this.className = 'bian';
}
}
}
</script>
</head>
<body>
<ul>
<li class="bian"><a><span>上涨指数</span><span>3641</span><span>10-25</span><span>23%</span></a></li>
<li><a><span>上涨指数</span><span>3641</span><span>10-25</span><span>23%</span></a></li>
<li><a><span>上涨指数</span><span>3641</span><span>10-25</span><span>23%</span></a></li>
<li><a><span>上涨指数</span><span>3641</span><span>10-25</span><span>23%</span></a></li>
<li><a><span>上涨指数</span><span>3641</span><span>10-25</span><span>23%</span></a></li>
<li><a><span>上涨指数</span><span>3641</span><span>10-25</span><span>23%</span></a></li>
</ul>
</body>
</html>
