一千萬個為什麽

搜索

如何進行這樣的導航

我偶然發現了這個網站 http://nathanborror.com/ ,並且非常喜歡他們完成導航的方式左手站點。我註意到該網站正在使用jQuery,但沒有看到任何插件。

有關如何去做這件事的任何想法?

最佳答案

首先,將菜單設置為使用“頂部”,“左側”和“位置”css屬性,因此它始終粘在左側。然後,使用jquery做懸停動畫,如下所示:

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

轉載註明原文: 如何進行這樣的導航