我要问DW html怎么写出点击按钮图片切换 我需要代码
时间: 2024-03-11 11:47:38 浏览: 111
点击按钮切换图片.html
5星 · 资源好评率100%
您可以使用以下代码实现点击按钮图片切换的效果:
HTML 代码:
```
<button onclick="changeImage()">点击切换图片</button>
<img src="image1.jpg" id="myImage">
```
JavaScript 代码:
```
function changeImage() {
var image = document.getElementById('myImage');
if (image.src.match('image1')) {
image.src = 'image2.jpg';
} else {
image.src = 'image1.jpg';
}
}
```
上述代码中,我们首先定义了一个按钮和一张图片。然后,在 JavaScript 中,我们使用 `document.getElementById` 获取图片元素,并使用 `if...else` 语句来判断当前图片是否为第一张图片。如果是第一张图片,我们将图片的 `src` 属性设置为第二张图片的路径;否则,将图片的 `src` 属性设置为第一张图片的路径。最后,当用户点击按钮时,调用 `changeImage` 函数即可实现图片切换的效果。
阅读全文