JS点击图片更改照片

最新推荐文章于 2024-05-16 10:12:55 发布

weixin_30241919

最新推荐文章于 2024-05-16 10:12:55 发布

阅读量832

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ancestor/p/10439368.html

本文介绍了一个简单的图片切换效果实现方式，通过使用JavaScript监听图片点击事件，实现图片路径的动态更改，达到图片显示的切换效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

--------------------------

//定义变量
var img = "";
//图片点击
$("#zhaopian").click(function () {
//赋值获取图片路径
img = $(this).attr('src');
//判断图片路径是否匹配
if (img == "../../img/20190224185111.png") {
//更改图片路径
$("#zhaopian").attr("src", "../../img/20190225140053.png")
}
else {
//更改照片路径
$("#zhaopian").attr("src", "../../img/20190224185111.png")
}

转载于:https://www.cnblogs.com/ancestor/p/10439368.html