问题描述
最近做一个相册功能，将一个相册的所有图片取出来，缩入成小图放在DIV里，用鼠标移到小图上在另一个DIV显示。用到鼠标的onMouseOver事件，在IE里可以调用这个事件的方法并执行，但在火狐浏览器里却没用了，别一个页面用这样的方法却没问题.jsp页面代码如下:图片显示代码<c:forEach var="pic" begin="0" end="0" items="${requestScope.album.picEns}"> <div style="width: 520px; height: 430px; border: 1px solid #6A973E; padding: 10px; margin: auto;"><div style="width: 500px; height: 400px; border: 1px solid #6A973E; margin: auto;"> <img src="${pic.img}" name="pic" width="500" height="400" /></div><div id="picname" style="margin-top: 5px;">${pic.name}</div> </div></c:forEach>div内小图片代码<div style="width: 100%; padding: 5px; text-align: center; height: 60px; border: 1px solid #6A973E; margin-top: 5px;"> <c:forEach var="pic" items="${requestScope.album.picEns}"><img src="${pic.img}" alt="${pic.name}" width="50" height="50" onmouseover="showimg('${pic.img}','${pic.name}')" style="cursor: pointer;" /> </c:forEach></div>红色字体调用js方法js代码：function showimg(img,name){ document.getElementById("pic").src = img; document.getElementById("picname").innerHTML = name;}另一个项目页面相似的方法却可以,请各位指点下，谢谢！
解决方案
getElementById("pic")?<img src="${pic.img}" name="pic" width="500" height="400" /> 在你的代码中只看到有name="pic"，IE做了很多容错处理，所以能正常运行，FF下就不行了把name换成ID就OK...
