javascript - 如何使用 jQuery 将悬停添加到任何 CTA

Question

我在 this website 上有一个开始订单按钮当悬停时会改变图像。我想复制相同的功能以使用开始订单按钮旁边的当前位置按钮。目前，我正在使用此代码将当前位置用作按钮，但我也想要悬停。

jQuery("#divSearchLocation #btnGeolocation").css({
  "border": "1px solid #b5b5b5",
  "border-radius": "100px",
  "padding": "8px",
  "background": "#e1e1e1",
  "box-shadow": "0 1px 2px #000",
  "margin-top": "6px"
});
jQuery(".realContent").css("color", "#353535");

Answer 1

你可以(也许必须)用 css 做它，因为它是为此而制作的。您首先需要找到您的 div 并使用 :hover 方法

你可以把它放在你的 html 中:

<style>
  #btnGeolocation:hover {
    color :red; //just add whatever you want, like background-image
  }
</style>

并开始在您的“样式”文件夹中创建个人样式表(如果您知道如何操作的话)