12点击超链接切换图片

<a href="../logo3.png" id="ak">
            <img src="../logo2.jpg" id="im" >
        </a>
            <script type="text/javascript">
                document.getElementById("im").οnclick=function(){
                    this.src=document.getElementById("ak").href;
                    return false;
                };
            </script> 

 

转载于:https://www.cnblogs.com/zhangDY/p/11424046.html

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 好的,您可以在HTML中使用onclick事件来实现切换图片。例如: HTML代码: ``` <img id="myImage" onclick="changeImage()" src="first.jpg" width="200" height="200"> ``` JavaScript代码: ``` function changeImage() { var image = document.getElementById("myImage"); if (image.src.match("first.jpg")) { image.src = "second.jpg"; } else { image.src = "first.jpg"; } } ``` 在这个例子中,当您单图像时,会调用名为changeImage的JavaScript函数。在函数中,我们检查当前图像是否是第一个图像。如果是,我们将其更改为第二个图像。如果不是,我们将其更改回第一个图像。 ### 回答2: 在HTML中使用onclick来切换图片十分简单。首先,在HTML中需要一个按钮元素,例如一个按钮(button)或者一个超链(a)。然后,我们给这个按钮添加一个onclick事件,通过该事件调用JavaScript函数。这个函数将会在点按钮时被执行。 要切换图片,我们需要在JavaScript函数中定义一个变量来存储当前图片的路径。当按钮被点时,我们可以使用条件语句来切换图片路径。 以下是一个示例代码: HTML部分: ``` <img id="myImage" src="image1.jpg"> <button onclick="changeImage()">切换图片</button> ``` JavaScript部分: ``` <script> var image = document.getElementById('myImage'); function changeImage() { if (image.src.endsWith("image1.jpg")) { image.src = "image2.jpg"; } else { image.src = "image1.jpg"; } } </script> ``` 在上面的示例中,img标签中的id属性被设置为"myImage",用于通过JavaScript获取图片DOM元素。点"切换图片"按钮将调用changeImage函数。 在changeImage函数中,通过检查当前图片路径的结尾来判断当前显示的是哪一张图片。如果当前图片路径是"image1.jpg",则切换为"image2.jpg";否则,将图片路径切换回"image1.jpg"。 你可以根据自己的需要,将上面的示例代码进行修改,以适应你想要切换图片路径和按钮样式。 ### 回答3: HTML中,我们可以使用onclick事件来实现图片切换。首先,我们需要在HTML代码中定义一个img元素,并设置一个id属性,用于JavaScript代码中获取该元素。然后,我们可以创建一个按钮,通过添加onclick属性,来触发切换图片的函数。下来,我们需要编写JavaScript代码来完成图片切换的逻辑。 首先,我们可以在JavaScript代码中定义一个函数,例如changeImage()。在这个函数中,我们可以使用document.getElementById()方法来获取图片元素,然后通过修改src属性,来更改图片的路径。 在changeImage()函数中,我们可以使用if语句来判断当前显示的图片,然后根据判断结果来切换到另一张预设的图片。例如,我们可以使用一个变量来存储当前图片的路径,然后使用if语句判断当前路径,并根据判断结果更新图片的路径。 最后,我们需要在HTML代码中的按钮的onclick属性中调用changeImage()函数。这样,当点按钮时,就会触发changeImage()函数,从而实现图片切换。 总结起来,通过在HTML中定义img元素和按钮,并在JavaScript中编写切换图片的逻辑,我们可以使用onclick事件来实现图片切换。这样,当用户点按钮时,就会触发切换图片的函数,从而更改图片的路径,实现图片切换效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值