Question

求个JS 先有图片A 鼠标经过显示图片B 点击显示图片C。3张图片宽高都是一样的。JS不熟的悲剧。

自己做只能显示两种状态。求大神帮帮忙。

Answer 1

首先，你需要了解js中的event：
http://www.w3school.com.cn/js/jsref_events.asp
需要用到：onmouseover
说明：http://www.w3school.com.cn/htmldom/event_onmouseover.asp
你可以看下例子：
http://www.w3school.com.cn/tiy/t.asp?f=hdom_onmouseout

还需要：onclick
http://www.w3school.com.cn/htmldom/event_onclick.asp
例子：http://www.w3school.com.cn/tiy/t.asp?f=hdom_onclick

追问

看了。组合不起来。onclick和onmouseover 每次只能实现一个

追答

怎么可能不能添加呢？我在页面上都测试成功了啊：
http://www.w3school.com.cn/tiy/t.asp?f=hdom_onmouseout
添加一个onClick()函数就好了啊

function mouseOver()
{
document.getElementById('b1').src ="/i/eg_mouse.jpg"
}
function mouseOut()
{
document.getElementById('b1').src ="/i/eg_mouse2.jpg"
}
function mouseClick()
{
document.getElementById('b1').src ="/i/eg_mouse2.jpg"
}