求一段js，我页面上显示一个图片的名字，aaa.jpg,我鼠标移到aaa.jpg文字上就弹出一个框来显示这张图，鼠标移走就消失，哪位高手有给我下，谢了

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<span onmouseover="document.all.imgshow.display=block;"
onmouseout="document.all.imgshow.display=block;" style="cursor:hand">aaa.asp</span>
<div id="imgshow" style="display:none">
<img src="http://images.sohu.com/cs/et/MKT/04yule/1601850220.gif">
</div>
你在调整下,思路就这样的.
<script>
function showtable()
{
if(document.all("t").style.display=="none")
{document.all("t").style.display="";}
else
{document.all("t").style.display="none";}
}
</script>
<a href='javascript:showtable()'>链接</a>
<table id="t" style="display:none" border="1">
<tr><td>dsfsdfdf</td></tr>
</table>,这是单击的效果,改一下就可以了.
不需要使用 JavaScript，使用 CSS 就能做到了。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
  <title>试试</title>
</head><style type="text/css">p {
  text-indent: 2em;
}
#txt {
  font-size: 10pt;
  line-height: 15pt;
}
.word {
  color: #0000cd;
  position: relative;
}
.word img {
  display: none;
  border: 1px solid black;
}
.word:hover {
  color: red;
  cursor: pointer;
}
.word:hover img {
  display: block;
  position: absolute;
  left: 2em;
  top: 1em;
  border: 2px solid #dcdcdc;
  background-color: yellow;
}
</style><body>
  <div id="txt">
  <p>五笔字型计算机汉字输入技术
  <span class="word">Google<img src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif"></span>
  计算机汉字输入技术，五笔字型计算机汉字输入技术</p>
  <p>五笔字型计算机汉字输入技术五笔字型计算机汉字输入技术五笔字型计算机汉字输入技术五笔字型计算机汉字输入技
  <span class="word">CSDN<img src="http://www.csdn.net/Images/logo_csdn.gif"></span>
  计算机汉字输入技术，五笔字型计算机汉字输入技术五笔字型计算机汉字输入技术五笔字型计算机汉字输入技术</p>
  </div>
</body>
</html>
使用一个层需要显示的图片放在这个层里面把层的 display属性设为：none ，在aaa.jgp设置ONMOUSEOVER动作当onmouseon是使得层的display的属性为block
我可是很多图片。比如:
aaa.jpg
bbb.jpg
ccc.gif
zzz.gif等等我鼠标移到他们没一个上分别显示他们自己的图片
写个function（name）{}传个参数进来做个层就可以显示。