Question

可以帮忙看下简单的一段js代码吗……效果是当鼠标移动到哪张图片时就显示哪张图片

<p >
<a href="#">
<img src="imgs/products/content_upside1_pic.gif"d="pic" />
</a>
</p>
上面的img是页面加载后默认显示的图片 下面是不同图片的缩略图
<span>
<img src="imgs/products/content_upside1_sl_pic1.gif" onmouseover="show();" />
<img src="imgs/products/content_upside1_sl_pic2.gif" onmouseover="show1();"/>
<img src="imgs/products/content_upside1_sl_pic3.gif" onmouseover="show2();"/>
<img src="imgs/products/content_upside1_sl_pic4.gif" onmouseover="show3();"/>
</span>

下面是调用的js代码
<script type="text/javascript">
var m=document.getElementById("pic")
function show()
{ m.src="imgs/products/content_upside1_pic.gif"
}
function show1()
{
m.src="imgs/products/content_upside1_pic1.gif"
}
function show2()
{ m.src="imgs/products/content_upside1_pic2.gif"
}
function show3()
{ m.src="imgs/products/content_upside1_pic3.gif"
}
</script>

当鼠标滑过content_upside1_sl_pic2.gif、content_upside1_sl_pic3.gif、content_upside1_sl_pic4.gif这几张缩略图时可以显示相应的图片，可是当滑到content_upside1_sl_pic1.gif时，却没有反应…………想知道是怎么回事 求解

Answer 1

<img src="imgs/products/content_upside1_pic.gif"芹好念d="pic" />
改
<img src="袜岩imgs/products/content_upside1_pic.gif" id="pic"嫌困 />
这个路径有木有错？"imgs/products/content_upside1_pic.gif"

追问

这段
提问时写错了，不好意思

路径我检查过了，没有错，要不也不会页面加载时就会显示图片了……

追答

你这些函数最好合成一个来写
function showBig(src)
{
m.src = src;
}
调用：

Answer 2

function show()
{ m.src="imgs/products/content_upside1_pic.gif"侍凳
}
大概是content_upside1_pic.gif名字为content_upside1_pic1.gif吧肢饥。认真老饥旅点

Answer 3

名字不对

追问

这段
提问时写错了，不好意思

不知道还有其他问题没……