Jquery 如何制作这样的导航

Jquery 如何制作这样的导航,jquery,html,Jquery,Html,我偶然发现了这个网站,并且非常喜欢他们在左侧网站上导航的方式。我注意到该站点正在使用jquery,但没有看到任何插件 关于如何进行这项工作,你有什么想法吗?通过查看。如果您想查看正在运行的内容,请使用。通过查看可能很容易找到。如果您想查看正在运行的内容,请使用。他们在文件中有它,基本上它是嵌套的。他们在文件中有它,基本上它是嵌套的。首先,将菜单设置为使用“top”、“left”和“position”css atributes,因此它总是保持在左侧。然后,使用jquery在悬停时制作动画,如下所示

我偶然发现了这个网站,并且非常喜欢他们在左侧网站上导航的方式。我注意到该站点正在使用jquery,但没有看到任何插件


关于如何进行这项工作,你有什么想法吗?

通过查看。如果您想查看正在运行的内容,请使用。

通过查看可能很容易找到。如果您想查看正在运行的内容,请使用。

他们在文件中有它,基本上它是嵌套的。

他们在文件中有它,基本上它是嵌套的。

首先,将菜单设置为使用“top”、“left”和“position”css atributes,因此它总是保持在左侧。然后,使用jquery在悬停时制作动画,如下所示:

$('#menu .item').hover(
      function () {
        $(this).animate({width:'toggle'},350); // end value
      }, 
      function () {
        $(this).animate({width:'toggle'},100); // start value
      }
);

首先,将菜单设置为使用“top”、“left”和“position”css atributes,使其始终位于左侧。然后,使用jquery在悬停时制作动画,如下所示:

$('#menu .item').hover(
      function () {
        $(this).animate({width:'toggle'},350); // end value
      }, 
      function () {
        $(this).animate({width:'toggle'},100); // start value
      }
);