Question

在html中，怎样用js控制实现<em></em><em></em>鼠标移动自动切换图片

Answer 1

1、获取em元素节点
2、在节点上添加onmouseover和onmouseout事件
3、设定一个变量，鼠标移入用这个变量去改变对应的img图片的URL就可以了
4、这是一个典型的选项卡事件

追问

可否用代码实现一下，谢谢，我新手

追答

1、给你的em元素里面添加一个ID，我把它 分别叫id="btn1"，对应的图片就叫id="img1"吧，获取这个DOM
var oEm1=document.getElementById("btn1");
var oImg1=document.getElementById("img1");
然后oEm1.onmouseover=function(){
oImg1.src="";//这里写上鼠标移入的图片地址
}
oEm1.onmouseout=function(){
oImg1.src="";//这里写上鼠标移出的图片地址
}