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