鼠标移入/移出事件 :
鼠标移入 :onmouseenter
鼠标移出 : onmouseleave
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
li{
padding: 50px;
border: 1px solid #000;
}
</style>
</head>
<body>
<ul>
<li>111</li>
<li>222</li>
<li>33</li>
</ul>
<script type="text/javascript">
var lis = document.querySelectorAll('li');
lis[0].onmouseenter = function(){
console.log('进入')
}
lis[0].onmouseleave = function(){
console.log('出来')
}
</script>
</body>
</html>