引导页面转换鼠标悬停

Question

这是来自codepen的java procect

$(document).ready(function(){
    $("ul.nav li a[href^='#']").click(function(){
        $("html, body").stop().animate({
            scrollTop: $($(this).attr("href")).offset().top
        }, 400);
    });
});

我如何制作或替换代码到桌面，以便鼠标悬停而不是点击可以发生页面转换？我试图用.hover（function（）替换.click（function（）但是因为我害怕它没有工作。解决方案是什么？ 提前谢谢你

Answer 1

在:hover中为其编写css代码。语法是

(classname(.)or Id(#)followed by : symbol then hover)

示例代码如下。

.(ul.nav li a:hover)
{
   //Remaing codes or funnctionlaities
}