Question

html 鼠标移动过去的时候让他显示另外个图片

Answer 1

<script type="text/javascript">

function newimgFun(){
var imgSrc=["newtopic.gif","reply.gif"]
document.getElementById("pic").src=document.getElementById("pic").src==imgSrc[0]?imgSrc[1]:imgSrc[0];
}
</script>

<img src="images/denglu6_12.gif" width="68" height="49" onkeyup="newimgFun()" >

还有一种方法是鼠标移入移出事件 hover事件 也能实现你要的效果

追问

var imgSrc=["newtopic.gif","reply.gif"]
这两个是图片的名字么？

追答

是的

追问

hover 怎么实现啊

追答

js：
$(function() {// 初始化
$('img').hover(function(e) {// 顶上的目录增加鼠标移入移出事件，移入增加css样式hover
var imgName = $(this).attr('imgName');
$(this).attr('src', 'images/' + imgName + '-hover.png');//
$('#allDescriptionTd div').hide();
$('#' + imgName + 'DescriptionDiv').show();
},function(e) {// 移出移除css样式hover
var imgName = $(this).attr('imgName');
$(this).attr('src', 'images/' + imgName + '.png');
});
});

html

这是我做过的 你看下
别忘了 引用js头文件