Js + css

Bonsoir et merci de me lire,
Je vous expose mon probleme.
Mais tout d'abord voici le code source:
<style>
ul.on{ background-color: #ffffff; }
li.on{ background-color: #ffffff; }
</style>
et
<ul onMouseOver="this.className='on'" MouseOut="this.className=';'"> <li><a>

L'API

</a></li>
<li><a>

SDL 

</a></li>
<li><a>

DirectX

</a></li>
<li><a>

OpenGL

</a></li>
</ul>
J'aurai aimé savoir comment, dans le <ul onmouseover comment appelé ul.on ET li.on .
Merci bcp !