如何在 jquery 中实现鼠标悬停效果？

Question

我有一个问题，我为此苦苦挣扎了几天，但我找不到正确的答案。我想要一个鼠标悬停效果，就像这个模板中的一样（页面顶部的佛像）。我尝试了很多方法，但我无法得到我想要的，我也很着急。谁能告诉我该怎么做？谢谢

Answer 1

你可以试试这段代码

      <style>
        .mybtn{
            color: white;
            padding:10px;
            border-style: none;
        }
        .myhover{
          background-color: #555;
          transition: background-color 0.4s;
        }
          .myhover:hover{
          background-color: teal;
        }
    </style>

   <button class="mybtn myhover">Hover me!</button>