<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>简单JS代--点击谁添加背景色</title>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<style>
*{
margin: 0;
padding: 0;
}
ul li {
list-style:none;
}
.active {
background-color:#ccc;
}
</style>
</head>
<body>
<div>
<ul>
<li class="active">
<a href="javascript:void(0);">我是nav1</a>
</li>
<li>
<a href="javascript:void(0);">我是nav2</a>
</li>
<li>
<a href="javascript:void(0);">我是nav3</a>
</li>
</ul>
<div ng-view=""></div>
</div>
<script>
window.onload = function() {
var libtn = $("li")
for (var i = 0; i < libtn.length; i++) {
libtn[i].index = i;
libtn[i].onclick = function() {
for (var i = 0; i < libtn.length; i++) {
libtn[i].className = "";
}
this.className = "active";
}
}
}
</script>
</body>
</html>
简单JS代--点击谁添加背景色
版权声明：学习交流。。 https://blog.csdn.net/qq_38881495/article/details/79834144
猜你喜欢
转载自blog.csdn.net/qq_38881495/article/details/79834144
今日推荐
周排行