首页> 基础笔记 >JS/JQ基础学习 >事件 事件
JavaScript-鼠标移入和鼠标移出事件onmouseover、onmouseout
作者：小萝卜 2023-03-22 【 javascript 】 浏览 241
简介JavaScript-鼠标移入和鼠标移出事件onmouseover、onmouseout
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>鼠标移入和鼠标移出事件</title>
<style type="text/css">
#move{width:200px;height:200px;background:orange;}
</style>
</head>
<body>
<div id="move"></div>
<script type="text/javascript">
//获取元素
var move = document.getElementById('move');
//鼠标移入事件
move.onmouseover = function(){//mouse 鼠标 over在....之上
//修改元素样式
this.style.background = "cyan";
}
//鼠标的移出事件
move.onmouseout = function(){//out出去
//修改样式
this.style.backgroundColor = "orange";
}
</script>
</body>
</html>
很赞哦！ (0)
