2

这个问题可能很愚蠢，但这是我人生中第一次接触一些 HTML 和 CSS，所以就这样吧。基本上，我试图找出如何在整个网站上保持相同，这显然很容易，而且可能很容易，但我有点挣扎，我会告诉你为什么！

我有 3 个主页 1 2 3，一个导航，其中包含指向每个页面 1、2、3 的链接，还有一些全屏幻灯片，当拇指调用时会自行显示。（在主页中显示) 我要做的是为每张幻灯片获取一个 html，因此当单击拇指时，它会将幻灯片通过其 URL，例如在“slide1.html”上，我在主页上放置了相同的内容，但现在使用页面的 URL 定位 href 但它不起作用，因为我的三个主要页面只有一个 URL 我也认为这不是一种方法。

我查看了一些网站，但我不完全确定它是否适合我想要的。外部 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

我问了和新手一样的问题，答案是问题的形式是“有 3 页而不是只有 1 页有什么问题？” Soo，不要为此烦恼，每个感知页面都有一个 html 页面。

于 2012-12-08T08:48:50.210 回答