您的位置：首页 > 其它

三种颜色铺满十个li

2016-04-25 20:44 274 查看 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
li{
margin: 0 auto;
margin-bottom: 4px;
height: 5em;
list-style: none;
width: 60%;
}
</style>
</head>
<body>
<script>
window.onload = function(){

var oUl = document.getElementById("ul1");
var ali = oUl.getElementsByTagName("li");
arr = ['red','blue','yellow'];

for(var i = 0;i< ali.length; i++ ){

ali[i].style.background = arr[i%arr.length];
ali[i].index = i;
ali[i].onmouseover = function(){
this.style.background = 'gray';
}
ali[i].onmouseout = function(){
this.style.background = arr[this.index%arr.length];
}
}
}

</script>
<ul id="ul1">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
 </ul></body></html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  闭包
相关文章推荐
新的分享
章节导航