Bueno, yo creo que puede ser sencillo poniendo el evento al elemento UL también. Fíjate en la solución de Panino, está todo ahí.
Aunque es más correcto su ejemplo, te escribo uno más simplificado y más fácil de dijerir. La clave está en la obtención de la variable
obj en
ubicar():
Código PHP:
<script type="text/javascript">
<!--
// document.getElementById abreviado
function $(x) { return document.getElementById(x); }
// sobre el UL
function ubicar(evt){
var evt = evt || window.event;
var obj = evt.target || evt.srcElement;
$("info").innerHTML = "Estás sobre "+(obj.innerHTML);
}
// fuera del UL
function desubicar() {
$("info").innerHTML = "No estás sobre ninguno.";
}
// -->
</script>
<ul id="pp" onmouseover="ubicar(event)" onmouseout="desubicar()">
<li>uno</li>
<li>dos</li>
<li>tres</li>
<li>cuatro</li>
</ul>
<div id="info"></div>
Saludos
