Foxtable(狐表)用户栏目专家坐堂 → 网页设计如何制作这种折叠效果


  共有3017人关注过本帖树形打印复制链接

主题:网页设计如何制作这种折叠效果

帅哥,在线噢!
有点蓝
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:110579 积分:562791 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By: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编辑过]

 回到顶部