如何使鼠标移到图片上出来链接的选项

Question

<img src="http://community.csdn.net/images/CSDN_logo.GIF" id="myimg"><br>
<div id="link" style="visibility:hidden;position:absolute;">
<a href="http://www.sina.com.cn">www.sina.com.cn</a><br>
<a href="http://cn.yahoo.com">cn.yahoo.com</a>
</div>
<script language="javascript" type="text/javascript">
function $(id){
return document.getElementById(id);
}
$("myimg").onmouseover=function(){$("link").style.visibility="visible";}
$("myimg").onmouseout =function(){$("link").style.visibility="hidden";}
$("link").onmouseover=function(){$("link").style.visibility="visible";}
$("link").onmouseout =function(){$("link").style.visibility="hidden";}
</script>

Answer 1

可以解释一下这里的&是什么意思
function $(id){
return document.getElementById(id);
}
$("myimg").onmouseover=function(){$("link").style.visibility="visible";}
$("myimg").onmouseout =function(){$("link").style.visibility="hidden";}
$("link").onmouseover=function(){$("link").style.visibility="visible";}
$("link").onmouseout =function(){$("link").style.visibility="hidden";}
中的&代表什么？

Answer 2

我睁大眼睛也没有找到&呀！
是$吗？就是一个函数，返回指定对象的ID吧你也可以直接在<img>标签里用如
<img src=*  onmouseover="link.style.visibility='visiable'" onmouseout="link.style.visibility='hidden'">
<div 也一样...
--------------------------------------
可以解释一下这里的&是什么意思
function $(id){
return document.getElementById(id);
}
$("myimg").onmouseover=function(){$("link").style.visibility="visible";}
$("myimg").onmouseout =function(){$("link").style.visibility="hidden";}
$("link").onmouseover=function(){$("link").style.visibility="visible";}
$("link").onmouseout =function(){$("link").style.visibility="hidden";}
中的&代表什么？
------------------------------------------------

Answer 3

只是个例子，至于美观你可以用css来定义。

Answer 4

本人不建议在标签中内联事件，
<img src=*  onmouseover="link.style.visibility='visiable'" onmouseout="link.style.visibility='hidden'">
这样不方便以后修改维护，而且代码冗长。