1_行为与样式分离

HTML代码：

<div id="box"></div>

CSS代码：

#box{ width:100px; height:100px; background:#99C;}

JS代码：

window.onload=function(){
    var obox=document.getElementById('box');
    obox.onmouseover=tored;
    obox.onmouseout=toblue;
    }
function tored(){
    var obox=document.getElementById('box');
    obox.style.width='200px';
    obox.style.height='200px';
    obox.style.background='red';
    }
function toblue(){
    var obox=document.getElementById('box');
    obox.style.width='100px';
    obox.style.height='100px';
    obox.style.background='#006';
    }