更改页面的JS功能未显示nextPage

时间:2019-09-26 20:09:06

标签: javascript html function

新手在这里建立我的第二个网站,试图掌握基础知识。

我有两个html文档,并且正在尝试使用JS在它们之间导航,这是迄今为止迄今为止我做过的最高级的事情,因此我什至不敢尝试!

我已经检查了基础知识

  • 确保我已调用正确的变量
  • 检查了类.page是否在我要显示的页面/部分中列出。

我一直在观看youtube视频-但是我的设计,内容和页面不同,因此这次视频没有帮助。

我的目标是单击第二个点(<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Example</title> <style> body { margin: 0; background-color: #f0f0f0; } #example { background-color: #fff; font-family: Arial; font-size: 15px; top: 50px; padding: 6px; border: 1px solid black; position: absolute; border-radius: 5px; } </style> </head> <body> <div id="example">Example</div> <script> // ...as below </script> </body> </html>中的svg)以显示图库页面(第一页消失的很好:D)。我已经复制了我认为相关的代码(我可能错了?),所以让我知道是否需要更多代码。

index.html: 有一个主类的页面消失了

gallery.html:

.toggle

javascript:

<section class="page">
    <div class="gallery">

        <div class="image" id="beeFace"></div>

        <div class="image" id="honeyComb"></div>

        <div class="image" id="pollen"></div>

        <div class="image" id="closeUp"></div>

        <div class="image" id="nectar"></div>

        <div class="image" id="hover"></div>

    </div>
</section>

0 个答案:

没有答案