2

ばかげた質問かもしれませんが、人生で HTML と CSS に触れるのはこれが初めてなので、ここで説明します。基本的に、私はウェブサイト全体で同じように保つ方法を見つけようとしています.それは明らかに簡単で、おそらく簡単ですが、私はそれに苦労しています.理由を教えてください!

3 つのメイン ページ 1 2 3、各ページ 1、2、3 へのリンクを含むナビゲーション、および親指で呼び出されたときに単独で表示されるいくつかのフルスクリーン スライドがあります。 ) 私がやろうとしていたのは、各スライドごとに 1 つの html を取得することでした。そのため、親指をクリックすると、スライドがその URL に移動します。たとえば、「slide1.html」で、メイン ページから同じものを配置しましたが、今はページの URL で href をターゲットにしていますが、3 つのメイン ページに URL が 1 つしかないため、うまくいきませんでした。

私はいくつかのウェブサイトを見ましたが、それが私が望むものに合っているかどうかは完全にはわかりません. 外部htmlは良い解決策でしょうか?

http://api.jquery.com/load/

    <nav>

        <ol>
            <li><a href="#page1">Page 1</a></li>
            <li><a href="#page2">Page 2</a></li>
            <li><a href="#page3">Page 3</a></li>
        </ol>

    </nav>

ページ1

#

<div id="page2">
    <p>Page 2</p>

    <li class="thumb">
        <a href="url-slide1">Thumb 1</a>
    </li>
    <li class="thumb">
        <a href="url-slide2">Thumb 2</a>
    </li>
    <li class="thumb">
        <a href="url-slide3">Thumb 3</a>
    </li>
</div>

<div id="page3">

    <p>Page 3</p>
</div>

すべてのスライドを page2 内に非表示にする方法があるかどうか疑問に思っているので、同じ html ファイルから div を呼び出す方が簡単です。

   <nav>

        <ol>
            <li><a href="#page1">Page 1</a></li>
            <li><a href="#page2">Page 2</a></li>
            <li><a href="#page3">Page 3</a></li>
        </ol>

    </nav>


    <div id="page1">
        <p>Page 1</p>
    </div>#

    <div id="page2">
         <p>Page 2</p>
         <li class="thumb">
              <a href="#slides1">Thumb 1</a>
         </li>
          <li class="thumb">
        <a href="#slides2">Thumb 2</a>
          </li>
        <li class="thumb">
        <a href="#slides3">Thumb 3</a>
        </li>
</div>

<div id=slidesWraper>
     <div id=slides1"><div>
     <div id=slides2"><div>
     <div id=slides3"><div>
</div>

<div id="page3">

    <p>Page 3</p>
</div>

リンクがhttp://jsfiddle.net/marco_desi/fJ2yv/に役立つことを願っています。

事前にどうもありがとうございました。

4

1 に答える 1

0

新参者と同じようなことを聞​​いたら、「1ページじゃなくて3ページって何が悪いの？」という質問の形で答えてくれました。そう、気にしないで、知覚されたページごとに html ページを用意してください。

于 2012-12-08T08:48:50.210 に答える