同样的功能，不同的书写格式。

1.个人觉得比较繁琐的写法，但是比较常见，特别是在大项目的时候常用的就是这种方法：

<div id="mouse" onm ouseover="mOver()" onm ouseout="mOut()" style="background-color:#D94A38;width:120px;height:20px;padding:40px;">Mouse Over Me</div>
<script>
function mOver(){
    document.getElementById("mouse").innerHTML="Thank You"
}
function mOut(){
    document.getElementById("mouse").innerHTML="Mouse Over Me"
}
</script>

 

2.这个中法比较简单，而且可以少些不少代码：

<div onm ouseover="mOver(this)" onm ouseout="mOut(this)" style="background-color:#D94A38;width:120px;height:20px;padding:40px;">Mouse Over Me</div>
<script>
function mOver(obj){
    obj.innerHTML="Thank You"
}
function mOut(obj){
    obj.innerHTML="Mouse Over Me"
}
</script>