var temp
function MouseOver(o){
var oImg=new Image()
oImg.src="image/0.jpg"
var oImg2=new Image()
oImg2.src="image/1.jpg"
temp=o.src
if(o.src==oImg.src)
o.src=oImg2.src
else
o.src=oImg.src
}
function MouseOut(o){
o.src=temp
}
function MouseClick(o){
var oImg=new Image()
oImg.src="image/0.jpg"
var oImg2=new Image()
oImg2.src="image/1.jpg"
temp=o.src
if(o.src==oImg.src) {
o.src=oImg.src
temp=o.src
}else{
o.src=oImg2.src
temp=o.src
}
}
使用
onmouseover="MouseOver(this)" onmouseout="MouseOut(this)" onclick="MouseClick(this)"
本文介绍了一种使用JavaScript实现的图片鼠标悬停和点击时的切换效果。通过预加载图片并根据用户的交互更改图片源,实现了两种不同的图片显示状态。代码适用于网页开发中增强用户体验。
1756

被折叠的 条评论
为什么被折叠?



