在你的html界面插入类似于论坛的折叠按钮-小教学

小永*** · 发表于 2022-12-12 22:08:14

首先，在需要插入折叠的地方引入下面的代码（按钮上的文本要修改的话直接修改value元素后面双引号中的文本即可）

<div class="spoiler"><div class="spoilerheader"><input type="button" class="zd" value="点击展开折叠内容" onClick="n = this.parentNode.parentNode.lastChild;if(n.style.display == 'none') {n.style.display = 'block';} else {n.style.display = 'none';} return false;"/></div><div class="spoilerbody" style="display: none;border-style:groove;padding-right:5px; "><table><td>
折叠的内容<br/>
</td></table></div></div>

复制代码

这样其实就可以用了，就是有点丑

可以把下面的代码插到页面的<head>区域让按钮更好看点，还可以自定义修改按钮的背景色

复制代码

ADKO*** · 发表于 2022-12-12 22:23:39

评论复审中...编号：4412633

天*** · 发表于 2023-8-13 07:52:55

评论复审中...编号：8062194

天*** · 发表于 2023-8-13 07:53:36

评论复审中...编号：8062209

[闲聊] 在你的html界面插入类似于论坛的折叠按钮-小教学