<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h4>一行三列:</h4>
<table border="1">
<tbody class="fileList">
<th id="box">100</th>
<th>200</th>
<th>300</th>
</tbody></table>
</body>
<script type="text/javascript">
// 1.找开关 2.摁一下 3.灯亮了// 1.找到触发的事件对象 3.事件处理程序
var oDiv = document.getElementById("box");// 鼠标划过事件
oDiv.onmouseover = function (){
// 3.事件处理程序
this.style.backgroundColor = "green";
}// 鼠标移开事件
oDiv.onmouseout = function (){
// 3.事件处理程序
this.style.backgroundColor = "red";
}</script>
</html>
悬浮上去就变成了绿色