如何在html中创建10个div的下一步按钮

如何在html中创建10个div的下一步按钮,html,Html,我的项目大约有10个div 在每个div中,我都放置了一个图像 如何通过“下一步”按钮按divs移动 如果您的意思是通过按“下一步”按钮使div一个接一个地出现,那么首先必须包括一个“下一步”按钮:next 然后,您必须使每个div(第一个div除外)都不显示。在CSS中,您可以通过向所有这些div添加一个类:,并在CSS中为隐藏的类添加样式:.hidden{display:none;} 然后将类.hidden应用于除第一个div之外的每个div 最后,您必须为函数next()添加JavaS

我的项目大约有10个div

在每个div中,我都放置了一个图像

如何通过“下一步”按钮按divs移动



如果您的意思是通过按“下一步”按钮使div一个接一个地出现,那么首先必须包括一个“下一步”按钮:
next

然后,您必须使每个div(第一个div除外)都不显示。在CSS中,您可以通过向所有这些div添加一个类:
,并在CSS中为隐藏的类添加样式:
.hidden{display:none;}

然后将类
.hidden
应用于除第一个div之外的每个div

最后,您必须为函数
next()
添加JavaScript,以便在新的
脚本中使用。我已将其添加到JS Bin中:


你的图片的ID不应该都一样,因为ID是唯一的。希望这有帮助

请在div中以
结束元素,如:

以下是正确的代码:

<body>
<div id="1"> 
  <img id="img" src="image1.jpg"/>
</div>
<div id="2"> 
  <img id="img" src="image2.jpg"/>
</div>
<div id="3">
  <img id="img" src="image3.jpg"/>
</div>
<div id="4"> 
  <img id="img" src="image1.jpg"/>
</div>
</body>


我听不懂你的意思>>你能解释一下按钮放在哪里>>以及如何隐藏div吗?