fgm实例练习笔记-1.5js写css hover选择器

#outer.hover{background:green;border:10px solid red;}

<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>