当前位置：首页 - 正文

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

发布网友发布时间：2022-04-23 03:29

共5个回答

懂视网时间：2022-04-21 14:23

<!DOCTYPE html> 
<html> 
<body> 

<img id="image" src="/i/eg_tulip.jpg" onclick="click()"/> 

<script> 
function click(){ 

document.getElementById("image").src="/i/shanghai_lupu_bridge.jpg"; 
} 
</scrip> 


</body> 
</html>

回复讨论(解决方案)

click() 把名字换下就ok了

</scrip> 写错了。。。。</script> 否则是不执行的

其实 onclick = "this.src='/i/shanghai_lupu_bridge.jpg'";

热心网友时间：2022-04-21 11:31

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

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

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

var a=ture；

点击后

a=a!;

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

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

点击图片

参考网页链接

热心网友时间：2022-04-21 12:49

用JavaScript

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

热心网友时间：2022-04-21 14:24

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

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

热心网友时间：2022-04-21 16:15

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

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

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

最新推荐

猜你喜欢

热门推荐