html:
<ul>
<li>刘吉祥刘吉祥刘吉祥刘吉祥刘吉祥</li>
<li>刘吉祥刘吉祥刘吉祥刘吉祥刘吉祥</li>
<li>刘吉祥刘吉祥刘吉祥刘吉祥刘吉祥</li>
<li>刘吉祥刘吉祥刘吉祥刘吉祥刘吉祥</li>
</ul>
css:
<style>
ul{
width: 250px;
}
ul li{
cursor: pointer;
}
.cur{
background: red;
}
</style>
js:
window.onload = function () {
var lis = document.getElementsByTagName("li");
for(var i = 0; i <= lis.length; i++){
//偶数行变色
if(i%2 == 0){
lis[i].style.background = "red";
}
lis[i].onmouseover = function () {
//不用lis[i]是因为i是不断变化的,所以他可能是任何一个
//this指向的是调用者
//className 将class类cur添加给当前的li
this.className = "cur";
}
lis[i].onmouseout = function () {
this.className = "";
}
}
}