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

显示全部楼层

您需要登录才可以下载或查看，没有账号？立即注册

x

首先，在需要插入折叠的地方引入下面的代码（按钮上的文本要修改的话直接修改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>区域让按钮更好看点，还可以自定义修改按钮的背景色

复制代码

登录/注册后可看大图

显示全部楼层

本帖最后由我的水世界于 2022-12-13 10:14 编辑

不错，很实用

登录/注册后可看大图

不过我赞点成踩了

登录/注册后可看大图

撤不掉了

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