- Foxtable(狐表) (http://foxtable.com/bbs/index.asp)
-- 专家坐堂 (http://foxtable.com/bbs/list.asp?boardid=2)
---- 网页设计如何制作这种折叠效果 (http://foxtable.com/bbs/dispbbs.asp?boardid=2&id=123953)
-- 发布时间：2018/8/27 19:08:00
-- 网页设计如何制作这种折叠效果
此主题相关图片如下：微信图片编辑_20180827190651.jpg
点击箭头可以查看明细
-- 发布时间：2018/8/27 21:11:00
--
js文件：test.js
function setDisplay(id){
var el = document.getElementById(id);
if(el){
if(el.style.display == "none"){
el.style.display = "block"
}
else{
el.style.display = "none"
}
}
}
httprequest事件
Select Case e.Path
Case "test.htm"
Dim wb As New weui
wb.AppendHTML("<script src=\'test.js\'></script>") \'引入脚本文件
wb.AddForm("","form1","./test.htm")
With wb.AddButtonGroup("form1","btg1",True) \'垂直排列
.Add("btn1", "按钮1","button").Attribute = "onclick=\'setDisplay(""div01"")\'"
End With
wb.InsertHTML("form1","<div id=\'div01\' style=\'display:none\'>按钮1的内容</div>")
With wb.AddButtonGroup("form1","btg2",True) \'垂直排列
.Add("btn2", "按钮2","button").Attribute = "onclick=\'setDisplay(""div02"")\'"
End With
wb.InsertHTML("form1","<div id=\'div02\' style=\'display:none\'>按钮222的内容</div>")
e.WriteString(wb.Build) \'生成网页
End Select
[此贴子已经被作者于2018/8/27 21:11:45编辑过]
-- 发布时间：2018/8/28 8:52:00
--
此主题相关图片如下：tim截图20180828084847.png
谢谢老师 我大概理解了下 是把内容插入到层中 如果我想实现框架这种美观效果，比如例子里这个PanelGroup 默认只显示标题 我点开再显示下面内容可以实现吗
-- 发布时间：2018/8/28 8:58:00
--
以下是引用rjh4078在2018/8/28 8:52:00的发言：
此主题相关图片如下：tim截图20180828084847.png
此主题相关图片如下：tim截图20180828084847.png谢谢老师 我大概理解了下 是把内容插入到层中 如果我想实现框架这种美观效果，比如例子里这个PanelGroup 默认只显示标题 我点开再显示下面内容可以实现吗
只能整体显示或隐藏，参考 http://www.foxtable.com/mobilehelp/scr/0109.htm
-- 发布时间：2018/8/28 8:59:00
--
建议自行学习一些插件
http://www.jq22.com/search?seo=%E6%8A%98%E5%8F%A0
-- 发布时间：2018/8/28 9:38:00
--
我看中了这样一个效果的 http://www.jq22.com/yanshi19067 但是不知道怎么个性化配置
-- 发布时间：2018/8/28 9:50:00
--
1、下载源码看懂人家是如何做到的；你需要有html、css、js的基础；
2、然后通过 InsertHTML 把源码引用进来foxtable里面使用。