位置:电子教程 > HTML DOM 教程 (如果看不到内容请使用360浏览器) 推荐学习资源
HTML DOM 节点
HTML DOM 方法
HTML DOM 属性
HTML DOM 访问
HTML DOM - 修改
HTML DOM - 元素
HTML DOM - 事件
HTML DOM 导航
HTML DOM 总结
当前阅读教程:HTML DOM 教程 > onmouseover和onmouseout 事件
阅读(22555525)      收藏       赞(5685)      分享
上一篇: onchange 事件 下一篇: onmousedown、onmouseup 以及 onclick 事件

onmouseover onmouseout 事件可用于在鼠标指针移动到或离开元素时触发函数。

实例

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>onmouseover 和 onmouseout 事件(2d5.net小白教程网)</title>
</head>
<body>
 
     <div onmouseover="mOver(this)" onmouseout="mOut(this)"
              style="background-color:#f2f2f2;width:150px;height:20px;padding:20px;">
             我是默认文字
     </div>
 
     <script>
     function mOver(obj)
     {
             obj.innerHTML="鼠标移动到上面来"
     }
 
     function mOut(obj)
     {
             obj.innerHTML="鼠标移动走了"
     }
     </script>
    
</body>
</html>

效果图

小白教程网www.2d5.net

image.png



上一篇: onchange 事件 下一篇: onmousedown、onmouseup 以及 onclick 事件
毕业设计网             广告联系QQ:45157718(微信同号)