<head>
<meta charset="UTF-8">
<title></title>
<style>
div{
border-bottom: 1px solid black;
width: 100px;
height: 40px;
line-height:50px;
text-align: center;
}
.bcc{
background-color: rosybrown;
}
</style>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<script type="text/javascript">
var oDivs = document.getElementsByTagName("div");
var defaultArr = ["1F", "2F", "3F", "4F", "5F", "6F", "7F", "8F", "9F", "10F"];
var currentArr = ["服饰", "美妆", "手机", "家电", "数码", "运动", "居家", "母婴", "食品", "图书"];
for (var i = 0; i < oDivs.length; i++) {
oDivs[i].innerHTML = defaultArr[i];
oDivs[i].index = i;
oDivs[i].onmouseover = function () {
this.classList.add("bcc");
this.innerHTML = currentArr[this.index];
}
oDivs[i].onmouseout = function () {
this.classList.remove("bcc");
this.innerHTML = defaultArr[this.index];
}
}
</script>
</body>
天猫侧边栏
猜你喜欢
转载自blog.csdn.net/weixin_39200549/article/details/82924578
今日推荐
周排行