鼠标移入和移出事件
最编程
2024-07-12 09:28:35
...
<style>
li {
list-style: none;
cursor: pointer;
}
</style>
</head>
<body>
<ul id="uu">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<script src="learn2.js"></script>
<script>
var liObjs = document.getElementsByTagName("li");
for (var i = 0; i < liObjs.length; i++) {
//为li注册鼠标进入事件
liObjs[i].onmousemove = function () {
//将颜色设置为黄色
this.style.backgroundColor = "yellow";
};
//为li注册鼠标离开事件
liObjs[i].onmouseout = function () {
//恢复为默认的颜色
this.style.backgroundColor = "";
};
}
</script>
</body>
上一篇: 禅宗历史 97:三角将军印
下一篇: EdgeOne安全能力开箱测评挑战赛