Linux 拨号vps windows公众号手机端

js怎么实现点击图片切换图片效果

lewis 6年前 (2019-01-15) 阅读数 6 #程序编程
文章标签 js

可以使用JavaScript监听图片的点击事件,在点击时切换图片的src属性。

HTML部分:

<img src="image1.jpg" id="myImage" onclick="changeImage()" />

JavaScript部分:

function changeImage() {
var image = document.getElementById('myImage');
if (image.src.match('image1.jpg')) {
image.src = "image2.jpg";
} else {
image.src = "image1.jpg";
}
}

上述代码中,首先通过getElementById方法获取到id为myImage的图片元素,然后判断图片的src属性是否匹配image1.jpg。如果匹配,则将其src属性更改为image2.jpg,否则更改为image1.jpg。这样,每次点击图片时就会实现图片的切换效果。

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门