style里预设一个类,叫hover
#outer.hover{background:green;border:10px solid red;}
script部分:
<script>
window.onload= function(){
var odiv = document.getElementById("outer");//获取div
odiv.onmouseover = function(){
odiv.className = "hover"; //鼠标移入时修改odiv的类className为hover,调用style
}
odiv.onmouseout = function(){
odiv.className = ""} //鼠标移出时清空类。弃用hover,还原初始化
}
</script>