He aquí mi script:
Código PHP:
<head>
<title>Untitled Document</title>
<script language="javascript">
function mover(evt) {
mouseX = evt.pageX ? evt.pageX : evt.clientX;
mouseY = evt.pageY ? evt.pageY : evt.clientY;
document.getElementById('contenido').style.left = mouseX + 10;
document.getElementById('contenido').style.top = mouseY + 20;
}
function ver(evt, elemento) {
var combo = elemento;
var indice = combo.selectedIndex;
document.getElementById('contenido').style.visibility = "visible";
if (indice != -1)
document.getElementById('contenido').innerHTML = " > " + combo[indice].text;
}
function detener() {
document.getElementById('contenido').style.visibility = "hidden";
}
</script>
</head>
<body>
<select size="4" style="width:200px;" onmousemove="mover(event)" onmouseover="ver(event, this)" onmouseout="detener()" >
<option value="1">UNO UNO UNO UNO UNO UNO UNO UNO UNO UNO</option>
<option value="2">DOS DOS DOS DOS DOS DOS DOS DOS DOS DOS DOS</option>
</select> <br>
<div id="contenido" style="position : absolute; width : 300px;
background : #FFFFFF; border : 1px solid #000000;
font-family : arial; font-size: 8pt;
visibility : hidden; filter: alpha(opacity = 70); opacity: 0.70;"></div>
</body>
</html>