新手在这里建立我的第二个网站,试图掌握基础知识。
我有两个html文档,并且正在尝试使用JS在它们之间导航,这是迄今为止迄今为止我做过的最高级的事情,因此我什至不敢尝试!
我已经检查了基础知识
我一直在观看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>