测试onmouseout和onmouseover

最新推荐文章于 2021-12-29 16:41:13 发布

乐乐想学会java

最新推荐文章于 2021-12-29 16:41:13 发布

阅读量170

点赞数

分类专栏：前端shuo习

前端shuo习专栏收录该内容

29 篇文章

订阅专栏

本文提供了一个HTML示例，演示了如何使用onmouseover和onmouseout事件来改变鼠标悬停在div元素上时的显示文本。通过内联JavaScript函数mOver和mOut实现交互效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>测试onmouseover、onmouseout事件</title>
</head>
<body>
<div onmouseover = "mOver(this)" onmouseout = "mOut(this)" 
style="background-color: #D94A38;width:120px;height: 20px;
padding:40px;">
Mouse Over me</div>
<script>
    function mOver(obj){
        obj.innerHTML = "Thank You"
    }
    function mOut(obj){
        obj.innerHTML ="Mouse Over Me"
    }
</script>
</body>
</html>