如何使用 img 而不是按钮激活 jQuery 函数

How to activate jQuery function with img instead of button?

本文关键字：按钮 激活 jQuery 函数 何使用 img      更新时间：2023-09-26

我目前正在使用HTML，CSS和JS编写网站。我使用此处的代码使两个图像彼此重叠淡出，以在单击按钮时显示另一个图像（创建不断变化的 img 的效果）。

但是，我不希望页面上有一个丑陋的<input type="button">来激活淡入淡出，相反，我希望能够单击要调用的切换函数的图像。我将如何更改激活函数的元素？

JS代码： 

$(function(){
   $("input:button").click(function(){
      $(".logo").fadeToggle("fast");
   });
});

.HTML： 

<input type="button" value="Go Kitty Go"/>

.CSS：

#logo1 {
  position:absolute;
  top:9px;
  left: 46%;
  height: 29px;
  width: 89px;
}
#logo2 {
  display:none;
  position:absolute;
  top: 8.5px;
  left: 48.2%;
  height: 28px;
  width: 60px;
}
input {
  position:absolute;
  top: 220px;
}

我想用img交换button以激活fadeToggle()功能。

你没有发布完整的html，所以我不知道你的img标签是什么样子的。但是假设你给了他们一个id（id="someId"），这样做：

$("#someId").click(function(){
    $(".logo").fadeToggle("fast");
}); `});`

这里唯一的变化是，你的代码现在不是侦听对按钮的点击，而是监听对 img 的点击。

相关文章：