0

我对网页设计很陌生。我刚刚完成了我的第一个静态网站。我不喜欢的是页面经常重新加载（每次更改部分时）

我的问题是“如何制作这种导航： http: //www.doblin.com/work/#innovation-strategy ”

如您所见，当您单击“设置创新战略/设计、构建 + 启动创新/成为更好的创新者”时，页面不会重新加载

它是怎么做的？

是否可以在没有 sql 左右的静态网站（html/css/jquery）上（它可能需要 ajax 或 ...）？

谢谢

4

3 回答 3

0

看一下代码，这个页面使用了一些 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 过渡和动画来完成。这是基于此Codrops 教程的钢笔。我特别认为这是一种更好的方法

但是如果你想从某个地方获取动态数据，我建议你使用 Ajax（有一些很酷的 jQuery 东西可以处理这个）

于 2013-02-01T14:22:05.613 回答
0

您可以在静态网站上使用 Jquery。您可以通过以下链接 Jquery

但是如果你想保存数据并从服务器检索，那么你需要使用 Ajax 来避免刷新页面。有很多关于如何使用 Ajax 的教程

于 2013-02-01T13:40:51.897 回答
0

（认真）看一下 JQuery 或 Dojo，它们中的任何一个都将成为您的朋友。

您的示例使用 JQuery。

它可以在一个静态页面上完成而无需担心。

这里有一些演示：http: //jqueryui.com/tabs/

你也可以在http://w3schools.com/jquery/default.asp上学习 jquery

于 2013-02-01T13:38:42.513 回答