加载页面的一部分而不刷新它

我对网页设计很新颖。我刚刚完成了我的第一个静态网站。什么我不喜欢它是该页面经常重装（每次更改部分时间）加载页面的一部分而不刷新它

我的问题是“如何让这种导航的：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