js怎样实现点击图片切换图片效果
可使用JavaScript监听图片的点击事件,在点击时切换图片的src属性。
HTML部份:
```html
```
JavaScript部份:
```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。这样,每次点击图片时就会实现图片的切换效果。
TOP