js事件（onmouseover和onmouseout）

最新推荐文章于 2025-04-16 22:52:17 发布

原创最新推荐文章于 2025-04-16 22:52:17 发布 · 788 阅读

0 ·

CC 4.0 BY-SA版权

HTML+CSS+JS 专栏收录该内容

7 篇文章

订阅专栏

本文详细解析了HTML中使用内联样式实现鼠标悬停特效的代码逻辑，包括事件监听函数mOver和mOut的定义及作用，展示鼠标悬停前后的文本变化。

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

<!doctype html>
<html>
<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(o)
{
o.innerHTML="Really good!      Thank you!"
}
function mOut(o)
{
o.innerHTML="Mouse Over Me"
}
</script>
</body>
<html>

鼠标放上去前：鼠标放上去后：