Probá así:
Código PHP:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sin título-1</title>
<script>
function stopEvent(e) {
if (!e) e = window.event;
if (e.stopPropagation) {
e.stopPropagation();
} else {
e.cancelBubble = true;
}
}
var addEvent = function() {
if (window.addEventListener) {
return function(el, type, fn) {
el.addEventListener(type, fn, false);
};
} else if (window.attachEvent) {
return function(el, type, fn) {
var f = function() {
fn.call(el, window.event);
};
el.attachEvent('on' + type, f);
};
}
}();
function abre_la_lista_de_reproduccion(e){
var obj = document.getElementById('lista_de_reproduccion');
obj.style.display="block";
}
function oculta_la_lista_de_reproduccion(e){
this.style.display="none";
stopEvent(e);
}
function cambio_la_musica(algo){alert(algo)}
window.onload=function(){
addEvent(document.getElementById('lista_de_reproduccion'),'mouseout',oculta_la_lista_de_reproduccion);
addEvent(document.getElementById('lista_de_reproduccion'),'mouseover',abre_la_lista_de_reproduccion);
}
</script>
</head>
<body>
<img src="1.jpg" width="50" onmouseover="abre_la_lista_de_reproduccion(event)">
<div style="display:none" id="lista_de_reproduccion">
<li onclick="cambio_la_musica(1)">Throught the fires and flames - Dragon Force</li>
<li onclick="cambio_la_musica(1)">Hyper Ballard- Bjork</li>
<li onclick="cambio_la_musica(1)">Give ir all - Rise Against</li>
</div>
</body>
</html>