JS使用onmouseover和onmouseleave的代码示例
时间: 2023-08-08 19:06:54 浏览: 131
下面是一个使用onmouseover和onmouseleave的JavaScript代码示例:
HTML代码:
```html
<div id="myDiv" onmouseover="mouseOver()" onmouseleave="mouseLeave()">鼠标悬停我</div>
```
JavaScript代码:
```javascript
function mouseOver() {
document.getElementById("myDiv").innerHTML = "你悬停在我上面了!";
}
function mouseLeave() {
document.getElementById("myDiv").innerHTML = "鼠标悬停我";
}
```
当鼠标悬停在`myDiv`元素上时,`mouseOver()`函数将会被触发并将`myDiv`元素的内容更改为“你悬停在我上面了!”。当鼠标移开时,`mouseLeave()`函数将会被触发并将`myDiv`元素的内容重置为“鼠标悬停我”。
阅读全文