0

私はウェブデザインにかなり慣れていません。最初の静的Webサイトを完成させました。私がそれについて好きではないのは、ページが頻繁にリロードされることです（セクションを変更するたびに）

私の質問は「この種のナビゲーションを作成する方法：http：//www.doblin.com/work/#innovation-strategy」です。

ご覧のとおり、「イノベーション戦略の設定/設計、構築+イノベーションの立ち上げ/より良いイノベーターになる」をクリックしてもページはリロードされません。

それはどのように行われますか？

静的なWebサイト（html / css / jquery）でSQLなどなしで可能ですか（ajaxまたは...が必要な場合があります）？

ありがとう

4

3 に答える 3

0

JQueryまたはDojoを（よく）見てください。どちらもあなたの友達になります。

あなたの例ではJQueryを使用しています。

1つの静的ページで心配することなく実行できます。

ここにいくつかのデモがあります：http：//jqueryui.com/tabs/

http://w3schools.com/jquery/default.aspでjqueryを学習することもできます

于 2013-02-01T13:38:42.513 に答える
0

静的WebサイトでJqueryを使用できます。以下のリンク Jqueryを通過できます

ただし、データを保存してサーバーから取得する場合は、ページが更新されないようにAjaxを使用する必要があります。Ajaxの使用方法に関するチュートリアルは多数あります。

于 2013-02-01T13:40:51.897 に答える
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 に答える