用HTML制作点击鼠标时切换图片

Question

如题所述

Answer 1

点击鼠标，还是点击按钮，还是点击图片？

如果是点击鼠标，写一个遮罩层，遮罩层为全透明rgba(0 ,0 ,0, 0).遮罩层设置点击事件onclick 点击后隐藏当前图片，显示另一张，用if。

点击按钮，你可以在按钮上写个点击事件 ，默认当前为true 点击后就变为false 

var a=ture；

点击后

a=a!;

一个图片用a显示，另一个图片用!a显示

当a为true 显示一张图，为false的时候显示另一张图。

点击图片

参考网页链接

Answer 2

用JavaScript

document.getElementById("image").src = xx + ".png";
比较简单，image是图片标签的id，xx可以为你存储的图片名字；
比如：点不同的数字时，响应不同的图片，你的图片命名可以弄成数字

Answer 3

用下面代码就可以实现点击一张图片切换到另外一张图片了

<img src="1.jpg" onclick="change(this)"/>
<script>
function(obj){
    obj.src="2.jpg";
}
</script>

本回答被提问者采纳

Answer 4

可以使用js的点击事件，或者直接用Jquery相册也可以