加載頁面的一部分而不刷新它

我對網頁設計很新穎。我剛剛完成了我的第一個靜態網站。什麼我不喜歡它是該頁面經常重裝（每次更改部分時間）加載頁面的一部分而不刷新它

我的問題是「如何讓這種導航的：http://www.doblin.com/work/#innovation-strategy」

正如你所看到的頁面犯規重載時您點擊「設置創新戰略/設計，構建+啓動創新/成爲更好的創新者」

它是如何完成的？

是否有可能在一個靜態網站（html/css/jquery）沒有sql或所以（它可能需要ajax或...）？

感謝

來源

2013-02-01 JoeIsFat

隔空很多教程看代碼，該頁面使用了一些jQuery的功能，做好這項工作，檢查出來：

$(window).hashchange(function(){ 

    var hash = location.hash; 

    // if a hash has been set 
    if(hash !== '') { 

     showContent(hash, origSections); 

    } else { 

     // pass in "empty" hash 
     showContent('', origSections); 

    } 


    return false; 

}); 

// call hashchange on initial page load 
$(window).hashchange(); 


// ----------- SHOW CONTENT ----------- // 
function showContent(active, all) { 

    if (jQuery.support.opacity) { 
     opacity = true; 
    } else { 
     opacity = false; 
    }

這也可以使用CSS3過渡和動畫來完成。這是一個pen根據this Codrops教程。我特別認爲這是一個更好的方法

但是，如果你想從什麼地方得到的動態數據，我建議你使用Ajax（有一些很酷的jQuery的東西來處理這個）

來源

2013-02-01 14:22:05

很好的回答！謝謝 – JoeIsFat