【JS练习】鼠标移入/移出改变样式

参考：http://www.fgm.cc/learn/lesson1/05.html

知识点

1. onmouseover 事件
   onmouseover 事件会在鼠标指针移动到指定的元素上时发生。
   object.onmouseover=function(){SomeJavaScriptCode};

2. onmouseout 事件
   onmouseout 事件会在鼠标指针移出指定的对象时发生。
   object.onmouseout=function(){SomeJavaScriptCode};

2.className 属性
className 属性设置或返回元素的 class 属性。
设置：HTMLElementObject.className=classname
获取：HTMLElementObject.className

代码：

<script type="text/javascript">
        window.onload = function() {
            var box =document.getElementById("box");
            box.onmouseover = function() {
                box.className = "hover"
            };
            box.onmouseout = function() {
                box.className = ""
            }

        };