查看“︁用户:生理盐水/sandboxxx”︁的源代码

{{title|此沙盒专用于调试代码}}

{| class="mw-collapsible mw-collapsed wikitable" data-expandtext="打开" data-collapsetext=AAA
!colspan="1"|
|-
|
<div class="calendar">
<div class="date">
<div class="days">
<div class="number"></div>
<div class="day">S</div>
<div class="day">M</div>
<div class="day">T</div>
<div class="day">W</div>
<div class="day">T</div>
<div class="day">F</div>
<div class="day">S</div>
<div class="number"></div>
<div class="number"></div>
<div class="number"></div>
<div class="number"></div>
<div class="number"><font style="color:blue">1</font></div>
<div class="number"><font style="color:blue">2</font></div>
<div class="number"><font style="color:blue">3</font></div>
<div class="number"><font style="color:blue">4</font></div>
<div class="number"></div>
<div class="number"><font style="color:blue">5</font></div>
<div class="number"><font style="color:blue">6</font></div>
<div class="number"><font style="color:blue">7</font></div>
<div class="number"><font style="color:blue">8</font></div>
<div class="number"><font style="color:blue">9</font></div>
<div class="number"><font style="color:blue">10</font></div>
<div class="number"><font style="color:blue">11</font></div>
<div class="number"></div>
<div class="number"><font style="color:blue">12</font></div>
<div class="number"><font style="color:blue">13</font></div>
<div class="number"><font style="color:blue">14</font></div>
<div class="number"><font style="color:blue">15</font></div>
<div class="number"><font style="color:blue">16</font></div>
<div class="number"><font style="color:blue">17</font></div>
<div class="number"><font style="color:blue">18</font></div>
<div class="number"></div>
<div class="number"><font style="color:blue">19</font></div>
<div class="number"><font style="color:blue">20</font></div>
<div class="number"><font style="color:blue">21</font></div>
<div class="number"><font style="color:blue">22</font></div>
<div class="number"><font style="color:blue">23</font></div>
<div class="number"><font style="color:blue">24</font></div>
<div class="number"><font style="color:blue">25</font></div>
<div class="number"></div>
<div class="number"><font style="color:blue">26</font></div>
<div class="number"><font style="color:blue">27</font></div>
<div class="number"><font style="color:blue">28</font></div>
<div class="number"><font style="color:blue">29</font></div>
<div class="number"><font style="color:blue">30</font></div>
<div class="number"><font style="color:blue">31</font></div>
</div>
</div>

<!-- ========== 内容区块A ========== -->
<div class="lw-treediv contentA">
这里是A部分的所有内容...
* 列表项1
* 列表项2
'''加粗的文字'''

<!-- 在A内容底部放置切换到B的按钮 -->
<center>
{{TreeButton|show=contentB|hide=contentA,contentC,contentD|name=下一页 →}}
</center>
</div>

<!-- ========== 内容区块B ========== -->
<div class="lw-treediv contentB" style="display:none;">
这里是B部分的内容...
# 有序列表
# 另一项

<!-- 在B内容顶部放置切换到A的按钮 -->
<center>
{{TreeButton|show=contentA|hide=contentB,contentC,contentD|name=← 上一页}}
</center>

<!-- 在B内容底部放置切换到C的按钮 -->
<center>
{{TreeButton|show=contentC|hide=contentA,contentB,contentD|name=下一页 →}}
</center>
</div>

<!-- ========== 内容区块C ========== -->
<div class="lw-treediv contentC" style="display:none;">
这里是C部分的内容...
* 不同的内容
* 更多的信息

<!-- 在C内容顶部放置切换到B的按钮 -->
<center>
{{TreeButton|show=contentB|hide=contentA,contentC,contentD|name=← 上一页}}
</center>

<!-- 在C内容底部放置切换到D的按钮 -->
<center>
{{TreeButton|show=contentD|hide=contentA,contentB,contentC|name=下一页 →}}
</center>
</div>

<!-- ========== 内容区块D ========== -->
<div class="lw-treediv contentD" style="display:none;">
这里是D部分的内容...
* 最后的内容
* 结束部分

<!-- 在D内容顶部放置切换到C的按钮 -->
<center>
{{TreeButton|show=contentC|hide=contentA,contentB,contentD|name=← 上一页}}
</center>

<!-- 在D内容底部放置返回目录或首页的按钮 -->
<center>
{{TreeButton|show=contentA|hide=contentB,contentC,contentD|name=返回目录}}
</center>
</div>

<!-- ========== 独立导航栏 ========== -->
<!-- 在页面顶部或底部添加一个独立的导航栏 -->
<div style="position: fixed; bottom: 20px; right: 20px; background: white; padding: 10px; border: 1px solid #ccc; z-index: 1000;">
<center>
<b>导航</b><br>
{{TreeButton|show=contentA|hide=contentB,contentC,contentD|name=1}}
{{TreeButton|show=contentB|hide=contentA,contentC,contentD|name=2}}
{{TreeButton|show=contentC|hide=contentA,contentB,contentD|name=3}}
{{TreeButton|show=contentD|hide=contentA,contentB,contentC|name=4}}
</center>
</div>

|}