js中的鼠标事件的onmouseover和onmouseout如何用 _JavaScript

【求助】js中的鼠标事件的onmouseover和onmouseout怎么用？
那位大哥能写个小例子给我看看么。。。非常感谢

------解决方案--------------------
<div>
<a onmouseover="mouseOver(this)" onmouseout="mouseOut(this)">鼠标放在上面就知道了</a>
</div>

<script type="text/javascript">
function mouseOver(o) {
o.style.backgroundColor = "red";
}
function mouseOut(o) {
o.style.backgroundColor = "blue";
}
</script>
------解决方案--------------------

HTML code


<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>        
    </head>
    <body>
        <div id="test" style="border:1px solid red;">移动上来</div>
        <script>
            function $(el){
                return typeof el == 'string' ? document.getElementById(el) : el;
            }
            $('test').onmouseover=function(){
                this.style.border = '2px solid blue';
            }
            $('test').onmouseout = function(){
                this.style.border = '2px solid red';
            }
        </script>
    </body>
</html>

------解决方案--------------------
上面已有答案了。