在這個酷炫菜單中使用了哪些腳本？

Question

我想弄清楚這個酷菜單中使用了哪些腳本，以便做類似的事情。點擊菜單上的任何項目，查看我在說什麼。 http://soc.haifa.ac.il/~tkatz/

謝謝！

Answer 1

我不知道至極一個是在這個網站，但我知道，它可以使用jQuery LavaLamp的完成：http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

Answer 2

這是jQuery和一點點勤奮與$ .scroll和$ .animate和肯定$。點擊

Answer 3

無。它僅使用了一個精心製作的jQuery animate功能

例

$("html, body").animate({ 
    scrollTop:the_top 
},1000,function(){ 

這個網頁是一個單頁網站的一個完美的例子。所有的代碼都在頁面上內聯。

the_top被設置爲div，應在考慮到在click()與65 PX的用於在網頁的頂部的菜單欄中空間的預定義offset().top()。

酷菜單代碼

$("#menu a").click(function(e){ 
    e.preventDefault(); 

    var the_id = $(this).attr('href'); 
    var the_top = $("#div_"+the_id).offset().top - 65; 
    highlight_menu(the_id); 

    //$("#menu").animate({"top":"-=96"},500).animate({"top":"+=96"},500) 

    $("html, body").animate({ 
     scrollTop:the_top 
    },1000,function(){ 

    }) 
}) 

function highlight_menu(which) 
{ 
    $("#menu a").removeClass('this'); 
    $("#menu a[href='"+which+"']").addClass('this'); 
    $("#ball").animate({ 
     "left":$("#menu a[href='"+which+"']").position().left+$("#menu a[href='"+which+"']").width()/2+17+"px" 
    }, 750, function(){ 

    }) 
} 

Answer 4

有各種腳本在那裏：

你可以嘗試 http://johnpolacek.github.io/scrollorama/

這裏是如何實現它： http://johnpolacek.github.io/scrolldeck.js/

或有滾動到 http://demos.flesler.com/jquery/scrollTo/

乾杯 .ben。