如何将鼠标悬停在jQuery中?

时间:2018-08-11 05:06:49

标签: javascript jquery css3 mouseover

我有一个问题,我在这方面挣扎了几天,但我找不到正确的答案。我希望具有类似此模板中的鼠标悬停效果(页面顶部的佛陀)。我尝试了很多方法,但是我找不到想要的方法,我也很着急。谁能告诉我该怎么办?谢谢

2 个答案:

答案 0 :(得分:-1)

mouseover()方法会在jquery中发生mouseover事件时触发mouseover事件或附加一个要运行的函数。例如,当鼠标指针悬停在

上时,将背景色设置为黄色元素:

$("p").mouseover(function(){ $("p").css("background-color", "yellow"); });

答案 1 :(得分:-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>