你可以使用鼠标移出事件来实现在鼠标离开图片时去除样式。可以添加一个onmouseout属性,并在其中设置要执行的JavaScript代码。例如:
<img id="myImage" src="image.jpg" onmouseover="showHighlight()" onmouseout="removeHighlight()">
<script>
function showHighlight() {
var image = document.getElementById("myImage");
image.style.border = "2px solid red";
image.style.backgroundColor = "yellow";
}
function removeHighlight() {
var image = document.getElementById("myImage");
image.style.backgroundColor = ""; // 移除背景颜色
}
</script>
这样当鼠标从图片上离开时,removeHighlight()
函数会被调用,将背景颜色设为空,从而移除高亮效果。
内容由零声教学AI助手提供,问题来源于学员提问