JavaScript onmouseover 事件与 onmouseout 事件
鼠标指针移动到指定对象上会触发 onmouseover 事件；鼠标指针离开指定对象上会触发 onmouseout 事件，二者非常相似，只是具体的触发动作正好相反。
试看下面的例子，我们在将鼠标指针移动到 div1 上时，div 显示红色边框，鼠标移开则红色边框消失：
function mouseOver()
{
document.getElementById('div1').style.border = "1px solid red";
}
function mouseOut()
{
document.getElementById('div1').style.border = "1px solid white";
}
我是一些文字或者图片
您可以将鼠标指针移动到下面的文字上试试：
我是一些文字或者图片
提示：由于元素的 CSS border 属性不在高度宽度值之内，因此为避免字体晃动，预先将 div 的边框设置为白色(与底色一致，不被显示出来)。
JavaScript onmouseup 与 onmouseout 结合 CSS display 属性常用于 web 菜单的制作。
html鼠标移开事件 JavaScript onmouseover 事件与 onmouseout 事件：鼠标指针移动到对象上或离开对象...
