欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS点击图片更改照片

程序员文章站 2022-11-18 08:15:05
//定义变量 var img = ""; //图片点击 $("#zhaopian").click(function () { //赋值获取图片路径 img = $(this) ......

<img src="../../img/20190224185111.png" alt="" id="zhaopian"/>

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

//定义变量
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")
}