Code: 
<style type="text/css">
.def { color:blue; }
.abc { color:green; }
</style>

<div id="heins"
     class="abc"
     onMouseOver="document.getElementById('heins').className = 'def';"
     onMouseOut="document.getElementById('heins').className = 'abc';">hallo</div>
Das solltest du verstehen können
Wichtig zu Wissen: class ist ein reservierter Name in Javascript, daher schreibt man für das HTML Attribut className.