在框架中，可以实现折叠框架效果代码

最新推荐文章于 2021-06-01 00:25:35 发布
最新推荐文章于 2021-06-01 00:25:35 发布
阅读量2.3k 收藏
点赞数
分类专栏： [01].Net技术专栏 文章标签： 框架 application session border html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xbf321/article/details/1502084
版权

Main.htm
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
</head>
<frameset rows="102,*" frameborder="NO" border="0" framespacing="0" name="topset">
<frame name="topFrame" scrolling="NO" noresize src="Top.aspx">
<frameset rows="*" cols="204,*" framespacing="0" frameborder="no" border="0" name="middleset">
<frame name="leftFrame" noresize src="left.aspx">
<frameset rows="*" cols="5,*" framespacing="0" frameborder="NO" border="0">
<frame src="spliter.aspx" name="spliterFrame" scrolling="NO" noresize>
<frame name="mainFrame" src="Main.aspx">
</frameset>
</frameset>
</frameset>
<noframes>
<body bgcolor="#FFFFFF" text="#000000">
</body>
</noframes>
</html>


Top.aspx为顶部页
left.aspx为左边菜单页
spliter.aspx为控制页（控制left.aspx）
Main.aspx为默认内容页


spliter.aspx
<%@ Page language="c#" Codebehind="Spliter.aspx.cs" AutoEventWireup="false" Inherits="LiTianPing.Web.Spliter" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<html>
  <head>
    <title>Spliter</title>
    <style type="text/css">
<!--
a { color: <%=Application[Session["Style"].ToString()+"xtree_bgcolor"]%>; text-decoration: none}
a:hover { color:red;text-decoration: none}
-->
</style>
    <meta name="CODE_LANGUAGE" Content="C#">
    <meta name=vs_defaultClientScript content="JavaScript">
  </head>
  <body bgcolor='<%=Application[Session["Style"].ToString()+"xspliter_color"]%>' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onMouseOver="if(parent.middleset.cols='0,*'){parent.middleset.cols='<%=Application[Session["Style"].ToString()+"xleft_width"]%>,*'}" onClick="if(parent.middleset.cols!='0,*'){parent.middleset.cols='0,*'}else{parent.middleset.cols='<%=Application[Session["Style"].ToString()+"xleft_width"]%>,*'};" style="cursor: hand">

    <form id="Form1" method="post" runat="server">
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</p>
<br/>
<table width="5" height="70" border="0" cellpadding="0" cellspacing="0" bgcolor='<%=Application[Session["Style"].ToString()+"xspliter_color"]%>'>
<tr>
<td height="2" bgcolor='<%=Application[Session["Style"].ToString()+"xtree_bgcolor"]%>'></td>
</tr>
<tr>
<td><font color='<%=Application[Session["Style"].ToString()+"xtree_bgcolor"]%>'>]</font></td>
</tr>
<tr>
<td height="2" bgcolor='<%=Application[Session["Style"].ToString()+"xtree_bgcolor"]%>'></td>
</tr>
</table>
     </form>

  </body>
</html>
 

xbf321
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
AdminLTE框架代码实现折叠左侧边栏
03-12
AdminLTE框架应用比较普遍，本文通过js代码实现控制左边框的显示与隐藏。
左边框架的折叠显示
andjoy的专栏
06-24 952
                     marginWidth="0" frameSpacing="2" marginHeight="0" src="left.aspx" frameBorder="0" noResize scrolling="yes">                                                                        
导航控制折叠 frame
yihuei123的专栏
04-18 1290
main.jsp      EAPN                                   bar.jsp     .navPoint { FONT-SIZE: 12px; CURSOR: hand; FONT-FAMILY: "Webdings"}  var hidden="false";function switchSysBarB(
mfc开发的一个折叠框程序，附源码
05-03
一个实用的折叠框例子，使用的是vc6.0编写的mfc，文件下载后，可以直接使用vc6.0打开，附带源代码。希望对初学者有一定帮助
框架集的折叠
xiao_jun_0820的专栏
06-21 2385
 主框架mainFrame分成三个子框架,分别为leftFrame,rightFrame,topFrame,框架集代码如下:frameset rows="40,*" cols="*" frameborder="no" border="1" framespacing="0">  frame src="top.aspx" name="topFrame" scrolling="No" nores
C# winform框架源代码 界面简洁
10-14
C# winform框架源代码界 面简洁 只需要简单的拖拽就能实现漂亮的windows窗口界面软件。窗口可折叠，可固定。代码通俗易懂。
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
11-28
最近基于jQuery和Bootstrap框架实现了一个仿知乎动态列表的前端效果，基本实现了和知乎动态列表相同的效果。如下： 1.基本列表项 2.列表项全文展开、折叠（图中为展开第一项） 3.评论项展开 4.列表数据加载（加载...
一个带折叠菜单的VB界面框架示例
05-12
内容索引:VB源码,界面编程,仿QQ,折叠菜单　一个带折叠菜单的VB界面框架示例，窗体的左侧菜单类似QQ主窗口中的折叠菜单，我觉得很实用，源码爱好者编译测试通过，演示截图如上所示，其中代码的有些类我们可以用到其它...
l前端框架ayui笔记
03-25
一、 概述 3 1. 下载 3 2. 下载文件说明 4 3. 引入基本的 layui 包括一个 css 和一个 js 文件； 4 4. 还有一个 layui.all.js(271k，全模块)，包含了所有模块，不需要加载模块；...2. 折叠面板：layui-c
java折叠树形菜单源码
01-15
用jsp写的折叠菜单，加框架，可以隐藏在左侧
html框架折叠的javascript实现
faithsmile的专栏
10-21 960
我有两个htm文件,下面是Main.htm的源码:      主框架                                              以下是 leftFrame.htm 的源码:      leftFrame          function changeWin(){        if(parent.main.cols!=0,* && parent.m
[js]可折叠的框架效果
weixin_34007291的博客
01-11 166
今天学习过程中遇到要实现一个仿QQ下拉菜单的效果,在网上找到一些资料,资料目前以保存在blog文件中,以下是左右伸缩的代码.将以下代码保存为htm或html文件在浏览器里一看便知效果. &lt;SCRIPT language=javascript&gt;function switchbar(){if (switchPoint.innerText==3){switchPoint.innerTex...
frame分割条效果
xiandawang的专栏
06-12 907
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml" >http://www.chinadci.com" frameborder=1 >http://www.csdn.net" frameborder=1 >
html中table折叠,HTML_折叠的table行元素bug，来一个例子:代码很简单,如下: - phpStudy...
weixin_29085151的博客
06-01 248
来一个例子:代码很简单,如下:复制代码代码如下:ddddssssss如此,一个表格,有两行两列,在任何浏览器下都没有任何显示错误.但是如果我加下面这句css,情况就不同了:复制代码代码如下:tr{position: relative;}看来是要出问题了,可是别着急,其实这个时候从表面上你看不到任何问题,页面布局绝对不会乱掉,你看不到任何东西会重叠起来.我可从来没有想过要耍大家,虽然表面上看不到问题...
表格折叠的实现
fortunatelx的博客
06-10 477
效果图： function fold(sender){ var dataValue=$(sender).attr("dataValue"); if ($(sender).html() == "+"){ $(sender).html("-"); $("[name="+dataValue+"]").removeClass("fn-hide"); } else { $(sender).html("+"); $("[name.
中文的SqlHelper.cs类
兴百放的博客
03-13 8111
//这是在网上找的中文解释的SqlHelperusing System;using System.Configuration;using System.Data;using System.Data.SqlClient;using System.Collections; namespace com.DataAccess{     ///     /// SqlHelper类提供很高的数据访问
42个著名搜索引擎免费登陆入口大全
兴百放的博客
11-08 5218
我试了一下，大部分可以登陆，想提高访问量的朋友可以去看看中国论坛之家登陆入口http://www.vt123.com/link.html商情168搜索引擎免费登陆入口http://search.168yx.com/add.php中国搜索同盟免费登录入口 http://service.chinasearch.com.c ... e/free_protocol.htm百度免费登录入口 http://w
GridView 自定义分页
兴百放的博客
03-09 3729
                                                                                                                         >当前页：                                     总页数：                                 
SSM框架实现评论区折叠问题，jsp代码实现
最新发布
04-01
以下是一个简单的实现评论区折叠功能的 JSP 代码示例： ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>评论区</title> <style> .comment { border: 1px solid #ccc; margin: 10px; padding: 10px; } .comment .content { margin-bottom: 10px; } .comment .reply { margin-left: 20px; display: none; } .comment .show-reply { cursor: pointer; color: blue; } </style> </head> <body> <h1>评论区</h1> <% // 模拟从数据库中查询评论数据，并将结果存入 comments 变量中 List<Comment> comments = new ArrayList<>(); comments.add(new Comment(1, "张三", "这篇文章很好！", new ArrayList<>())); comments.add(new Comment(2, "李四", "我也觉得不错。", new ArrayList<>())); comments.add(new Comment(3, "王五", "我有一些疑问，希望能得到解答。", new ArrayList<>())); comments.get(0).getReplies().add(new Comment(4, "赵六", "同感！", new ArrayList<>())); comments.get(0).getReplies().add(new Comment(5, "钱七", "顶一个！", new ArrayList<>())); %> <% // 遍历评论列表，生成 HTML 代码 for (Comment comment : comments) { %> <div class="comment"> <div class="content"> <strong><%= comment.getAuthor() %></strong>：<%= comment.getContent() %> </div> <%-- 折叠回复列表的按钮 --%> <% if (!comment.getReplies().isEmpty()) { %> <div class="show-reply" onclick="toggleReply(this)">查看回复（<%= comment.getReplies().size() %>）</div> <% } %> <%-- 回复列表 --%> <div class="reply"> <%-- 遍历回复列表，生成 HTML 代码 --%> <% for (Comment reply : comment.getReplies()) { %> <div class="content"> <strong><%= reply.getAuthor() %></strong>：<%= reply.getContent() %> </div> <% } %> </div> </div> <% } %> <script> function toggleReply(button) { var replyDiv = button.parentNode.querySelector('.reply'); if (replyDiv.style.display === 'none') { replyDiv.style.display = 'block'; button.innerText = '收起回复'; } else { replyDiv.style.display = 'none'; button.innerText = '查看回复（' + replyDiv.children.length + '）'; } } </script> </body> </html> ``` 在这个示例中，我们使用了一个名为 `Comment` 的类来表示一个评论，其中包含了评论的作者、内容以及回复列表。在 JSP 页面中，我们模拟了从数据库中查询到的评论数据，并通过遍历评论列表生成了 HTML 代码。对于每个评论，我们添加了一个“查看回复”的按钮，点击后可以折叠或展开回复列表。在 JavaScript 中，我们定义了一个 `toggleReply` 函数来实现这个功能，它会根据回复列表的显示状态来切换按钮的文本和回复列表的显示状态。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值