求救，请给一个鼠标移到图片上然后出现下拉菜单的例子?

<html>
<body>
<img src="csdn.gif" onmouseover="show(this)" onmouseout="hide()" id=i>
<div id=m style="visibility:hidden;position:absolute;width:80;padding:20;border:1 solid black;z-index:100" onmouseover="show(i)" onmouseout="hide()">
222
ddd
dd
</div>
<script>
function show(o){
var m=document.getElementById("m")
m.style.pixelLeft=getL(o)
m.style.pixelTop=getT(o)+o.offsetHeight
m.style.visibility=''
}function hide(){
document.getElementById("m").style.visibility='hidden'
}function getL(e){
var l=e.offsetLeft;
while(e=e.offsetParent){
l+=e.offsetLeft;
}
return l
}function getT(e){
var t=e.offsetTop;
while(e=e.offsetParent){
t+=e.offsetTop;
}
return t
}
</script>
</body></html>