上下伸缩实例

最新推荐文章于 2024-08-14 20:42:55 发布
最新推荐文章于 2024-08-14 20:42:55 发布
阅读量586 收藏
点赞数
分类专栏： J2EE综合 文章标签： border table class xhtml 公告 function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hanxs/article/details/4403001
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
.STYLE5 {color: #008000}
.STYLE6 {color: #FF0000}
-->
</style>
</head>

<body>
<table width="101%" height="669" border="0">
  <tr>
    <td height="23" colspan="3"><span class="STYLE5">无锡市锡山区人民政府办公室</span>网络办公系统</td>
    <td width="25%" align="right">***，欢迎您！
      <input type="submit" name="Submit" value="考勤查看 " />
    已迟到*次</td>
  </tr>
  <tr>
    <td width="5%">&nbsp;</td>
    <td width="60%" height="21"><table width="706" height="26" border="1" bordercolor="#000000">
      <tr>
        <td width="99">首页</td>
        <td width="99">个人助理</td>
        <td width="99">公务邮件</td>
        <td width="99">公文管理</td>
        <td width="99">公告信息</td>
        <td width="99">后台管理</td>
        <td width="99">注销</td>
      </tr>
    </table></td>
    <td width="10%">可用短消息**条</td>
    <td align="right">首页|在线（**）人|退出 </td>
  </tr>
  <tr>
    <td height="159px" colspan="4"><table width="100%" height="366%" border="1" bordercolor="#000000">
      <tr>
        <td width="18%" valign="top"><table width="100%" border="1" bordercolor="#000000">
     <script type="text/javascript">
          function showChild(o){
            var op=document.getElementById("lkoa_menutree_cur")
            op.style.display="none"
            op.id='ojoij'
            var p=o.parentNode.parentNode.nextSibling
            p.id="lkoa_menutree_cur"
            p.style.display=p.style.display=="none"?"":"none"
          }
          </script>
          <tr>
              <td align="center" bordercolor="1"><a href="#" οnclick="showChild(this)">待办事宜</a></td>
          </tr>
          <tr id="lkoa_menutree_cur">
            <td align="center" bordercolor="1"><table width="200" border="0">
                <tr>
                  <td align="center">待办件</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center">已办事项</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center">事项回收站</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
              </table></td>
          </tr>
         
          <tr>
            <td align="center" bordercolor="1"><a href="#" οnclick="showChild(this)">发文管理</a></td>
          </tr>
          <tr style="display:none"><td><table width="200" border="0">
                <tr>
                  <td align="center">发文拟稿</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center">发文登记</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center">发文追踪</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                                <tr>
                  <td align="center">不需归档发文</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                                <tr>
                  <td align="center">暂归档发文</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                                <tr>
                  <td align="center">已归档发文</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
              </table></td></tr>
          <tr>
          <tr>
            <td align="center" bordercolor="1"><a href="#" οnclick="showChild(this)">收文管理</a></td>
          </tr>
              <tr style="display:none"><td><table width="200" border="0">
                <tr>
                  <td align="center">收文登记</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center">收文追踪</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center">不需归档收文</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center">暂归档发文</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                                <tr>
                  <td align="center">已归档发文</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
              </table></td></tr>
          <tr>
            <td align="center" bordercolor="1"><a href="#" οnclick="showChild(this)">归档目录</a></td>
          </tr>
              <tr style="display:none"><td><table width="200" border="0">
                <tr>
                  <td align="center">归档目录</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center">账外文件添加</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center">归档账外文件</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center">暂归档账外文件</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
              </table></td></tr>
          <tr>
            <td align="center" bordercolor="1"><a href="#" οnclick="showChild(this)">档案借阅</a></td>
          </tr>
            <tr style="display:none"><td><table width="200" border="0">
                <tr>
                  <td align="center">我的借阅</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center">发文借阅</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center">收文借阅</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center">档案借阅</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center">借阅管理</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center">意见查询</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
              </table></td></tr>
          <tr>
            <td align="center" bordercolor="1"><a href="#" οnclick="showChild(this)">政务公开管理</a></td>
          </tr>
                      <tr style="display:none"><td><table width="200" border="0">
                <tr>
                  <td align="center">登记</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center">追踪</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
                <tr>
                  <td align="center">归档</td>
                </tr>
                <tr>
                  <td align="center">&nbsp;</td>
                </tr>
              </table></td></tr>
        </table></td>
        <td width="82%"><table width="100%" height="613" border="0" cellspacing="0">
          <tr>
            <td width="452" height="303"><table width="450" border="1" bordercolor="#000000">
              <tr>
                <td><table width="445" border="0">
                  <tr>
                    <td>待办事宜 <span class="STYLE6">（待办事宜超量，请尽快解决）</span></td>
                    <td align="right">共*件 更多... </td>
                  </tr>
                </table></td>
                </tr>
              <tr>
                <td><table width="444" border="0">
                  <tr>
                    <td colspan="2">&nbsp;</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right">批办</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right">阅读</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right">阅读</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right">阅读</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right">阅读</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right">阅读</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right">阅读</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right">阅读</td>
                  </tr>
                  <tr>
                    <td colspan="2">&nbsp;</td>
                  </tr>
                  <tr>
                    <td colspan="2">&nbsp;</td>
                  </tr>
                  <tr>
                    <td colspan="2">&nbsp;</td>
                  </tr>
                </table></td>
              </tr>
             
            </table></td>
            <td width="452"><table width="464" border="1" bordercolor="#000000">
              <tr>
                <td width="454"><table width="446" border="0">
                  <tr>
                    <td width="258">公告栏</td>
                    <td width="178" align="right">共*件 更多... </td>
                  </tr>
                </table></td>
                </tr>
              <tr>
                <td><table width="442" border="0">
                  <tr>
                    <td colspan="2">&nbsp;</td>
                  </tr>
                  <tr>
                    <td width="293">·**********</td>
                    <td width="139" align="right"> 2008-09-25</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right"> 2008-10-05</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right"> 2008-10-06</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right"> 2008-10-11</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right"> 2008-10-15</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right"> 2008-10-20</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right"> 2008-10-25</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right">2008-10-25</td>
                  </tr>
                  <tr>
                    <td colspan="2">&nbsp;</td>
                  </tr>
                  <tr>
                    <td colspan="2">&nbsp;</td>
                  </tr>
                  <tr>
                    <td colspan="2">&nbsp;</td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td height="303"><table width="450" border="1" bordercolor="#000000">
              <tr>
                <td><table width="442" border="0">
                  <tr>
                    <td width="315">公务邮件<span class="STYLE6">（公务邮件超量，请尽快解决）</span></td>
                    <td width="117" align="right">共*件 更多... </td>
                  </tr>
                </table></td>
                </tr>
              <tr>
                <td><table width="444" border="0">
                  <tr>
                    <td colspan="2">&nbsp;</td>
                  </tr>
                  <tr>
                    <td width="291"><a href="#">·**********</a></td>
                    <td width="141" align="right">张三[01-19]</td>
                  </tr>
                  <tr>
                    <td><a href="#">·**********</a></td>
                    <td align="right">李四[01-18]</td>
                  </tr>
                  <tr>
                    <td><a href="#">·**********</a></td>
                    <td align="right">王五[01-18]</td>
                  </tr>
                  <tr>
                    <td><a href="#">·**********</a></td>
                    <td align="right">赵六[01-18]</td>
                  </tr>
                  <tr>
                    <td><a href="#">·**********</a></td>
                    <td align="right">****[01-18]</td>
                  </tr>
                  <tr>
                    <td><a href="#">·**********</a></td>
                    <td align="right">****[01-18]</td>
                  </tr>
                  <tr>
                    <td><a href="#">·**********</a></td>
                    <td align="right">****[01-18]</td>
                  </tr>
                  <tr>
                    <td><a href="#">·**********</a></td>
                    <td align="right">****[01-18]</td>
                  </tr>
                  <tr>
                    <td colspan="2">&nbsp;</td>
                  </tr>
                  <tr>
                    <td colspan="2">&nbsp;</td>
                  </tr>
                  <tr>
                    <td colspan="2">&nbsp;</td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
            <td><table width="450" border="1" bordercolor="#000000">
              <tr>
                <td width="449"><table width="450" border="0">
                  <tr>
                    <td>监控事宜</td>
                    <td align="right">共*件 更多... </td>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td><table width="451" border="0">
                  <tr>
                    <td colspan="2">&nbsp;</td>
                  </tr>
                  <tr>
                    <td width="227">·**********</td>
                    <td width="214" align="right">2006-12-18[阅读：387]</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right">2006-12-19[阅读：388]</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right">2006-12-19[阅读：388]</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right">2006-12-19[阅读：388]</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right">2006-12-19[阅读：388]</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right">2006-12-19[阅读：388]</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right">2006-12-19[阅读：388]</td>
                  </tr>
                  <tr>
                    <td>·**********</td>
                    <td align="right">2006-12-19[阅读：388]</td>
                  </tr>
                  <tr>
                    <td colspan="2">&nbsp;</td>
                  </tr>
                  <tr>
                    <td colspan="2">&nbsp;</td>
                  </tr>
                  <tr>
                    <td colspan="2">&nbsp;</td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td colspan="4"><table width="100%" border="1" bordercolor="#000000">
      <tr>
        <td>&nbsp;</td>
        </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

cedar
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
上下滑动门帘伸缩
weixin_44858732的博客
07-29 302
上下滑动门帘伸缩 下面我们使用Visual Studio这个软件来写一个小案例，我们可以用写一个简单的方法，就是实现一个图层上下滑动门帘伸缩效果。 那么这个代码要怎么写呢，首先我们需要先在界面上写一下的Html的代码，我们来看一下界面的代码是什么。 我们先看一下Html页面的截图： 在截图中我们可以看到界面的代码就是，很简单的直接给他一个div包裹着两个div的图层，然后接下来看一下属性代码的截...
arcgis python实例_ArcGIS Python编程案例(1)-Python语言基础
weixin_39756235的博客
11-21 797
Python支持大部分在其他语言中出现的编程结构。在本章内容中，我们将会涉及到许多Python支持的编程结构。我们将会首先介绍如何创建一个新的Python脚本以及如何修改已有脚本。之后我们将深入了解Python的语言特性，比如添加注释，创建变量，变量赋值以及Python的自动代码补齐功能等，了解这些内容将让你在使用Python编程的时候更为简便。接下来我们会介绍Python内置的数据类型，包括字符...
android 上下收缩动画,Android 带有弹出收缩动画的扇形菜单实例
weixin_42509267的博客
05-25 365
最近试着做了个Android 带有弹出收缩动画的扇形菜单，留个笔记记录一下。效果如下public class MainActivity extends AppCompatActivity implements View.OnClickListener {private ImageView imgPublish;private TextView textView1;private TextView ...
css3伸缩布局（附实例、图解）
weixin_45135068的博客
08-01 1049
目录 justify-content 调整主轴对齐（水平） align-items 调整侧轴对齐（垂直）单行比较多 flex-wrap控制是否换行 flex-flow是flex-direction、flex-wrap的简写形式 align-content堆栈（由flex-wrap产生独立行）对齐 order控制子盒子的排列顺序 正文 伸缩布局用法： 1，给父盒子添加伸缩布局模式 section { /* 父级盒子添加flex */ display: fle
JQuery 实例之 伸缩的菜单
O鹏M 的专栏
04-06 1241
伸缩的菜单，用jQuery重写body{ background-color:#ffdee0;}#navigation { width:200px; font-family:Arial;}#navigation > ul { list-style-type:none;    /* 不显示项目符号 */ margin:0px; padding:0px;}#navigation > ul > li { 
css线条伸缩_CSS3弹性伸缩布局(一)——box布局
weixin_39575565的博客
12-21 124
CSS3弹性伸缩布局简介2009年，W3C提出了一种崭新的方案----Flex布局(即弹性伸缩布局)，它可以简便、完整、响应式地实现各种页面布局，包括一直让人很头疼的垂直水平居中也变得很简单地就迎刃而解了。但是这个布局方式还处于W3C的草案阶段，并且它还分为旧版本、新版本以及混合过渡版本三种不同的编码方式。其中混合过渡版本主要是针对IE10做了兼容。目前flex布局用得比较多的还是在移动端的布局，...
css线条伸缩_CSS3弹性伸缩布局（二）——flex布局
weixin_39711959的博客
12-21 97
上一篇博客《CSS3弹性伸缩布局(一)——box布局》介绍了旧版本的box布局，而这篇博客将主要介绍最新版本的flex布局的基础知识。新版本简介新版本的Flexbox模型是2012年9月提出的工作草案，这个草案是由W3C 推出的最新语法。这个版本立志于指定标准，让新式的浏览器全面兼容，在未来浏览器的更新换代中实现统一。这里我们还是继续上一篇博客中的例子，使用最新版本的flex布局来实现相同的效果。...
nacos的临时实例和非临时实例以及nacos对客户端
最新发布
qq_51263863的博客
08-14 836
临时实例（Ephemeral Instance）：非临时实例（Persistent Instance）：需要注意的一些细节：客户端初始化：服务注册流程：服务发现流程：心跳机制：配置管理流程：服务健康检查：实例的上下线和权重调整：安全与身份验证：容错和降级：监控和统计：
iframe分栏拖拽伸缩例子
qq_41395044的博客
12-14 1642
这个标题有些绕口，鄙人愚笨，实在找不到一个比较准确的说法，总之就是： 一个页面内显示多个iframe，一个变宽，另一个就变窄，一个变高，另一个就变矮的这种可自由伸缩的效果。它们之间有一个可多拽的分隔条。 我们公司的电算化考试平台需要这样的效果。最开始用的frameset，框架集，但有些问题，比如分隔条的样式不好自己设计，frameset页面不支持执行javascript。 后来我
华为云云耀云服务器L实例评测 | Linux系统宝塔运维部署H5游戏
Java 技术专栏，从入门到精通，熟悉企业级开发
09-14 7189
本章节内容，我们主要介绍华为云耀服务器L实例，从云服务的优势讲起，然后讲解华为云耀服务器L实例资源面板如何操作，如何使用宝塔运维服务，如何使用运维工具可视化安装nginx，最后部署一个自研的H5的小游戏（6岁的小朋友玩的很开心😁）。 前端的同学如果想把自己的作品通过互联网展示出来的，希望这篇文章可以给前端同学一点借鉴，在此㊗️大家中秋节快乐。
jquery实现点击向下展开菜单项(伸缩导航)效果
10-23
伸缩导航菜单（也称为折叠式导航或手风琴式导航）是一种常见的Web界面设计模式。在这种模式下，菜单项在默认情况下只显示一级菜单，当用户点击某个菜单项时，该菜单项下方的二级菜单会向下展开显示；再次点击该菜单...
安卓SlidingMenu各种菜单侧滑菜单相关-实现了一个Android的抽屉效果的下拉菜单(上下伸缩和展开).rar
07-29
在这个"安卓SlidingMenu各种菜单侧滑菜单相关-实现了一个Android的抽屉效果的下拉菜单(上下伸缩和展开)"项目中，开发者提供了一种实现上下伸缩和展开效果的抽屉菜单。 首先，SlidingMenu库的核心功能是创建一个可以...
行业分类-设备装置-伸缩机辅助卸货平台以及伸缩机.zip
09-01
伸缩机，也称为装卸臂或伸缩式输送机，是一种专门设计用于协助货物快速、安全地上下货车的机械设备。这种设备通常由一系列可伸缩的管道或结构组成，能够根据货车车厢的高度和位置灵活调整长度和角度，极大地减少了...
菜单的伸缩效果 js脚本实现
05-22
这是一个结合了前端三大核心技术——HTML、CSS和JavaScript的实例，旨在提升网站的互动性和用户友好性。通过对"伸缩效果.html"文件的解析和学习，开发者可以掌握如何在实际项目中应用这些技术，创造出更加生动和吸引...
HTML标签大全
Cedar's Columnists
02-26 7325
  HTML标签大全  HTML标签大全 ＜html＞ ＜head＞ ＜title＞标题＜title＞ ＜/head＞ ＜body＞..........文件内容.......... ＜/body＞ ＜/html＞ 1.文件标题 ＜title
点击radio跳转到另一个页面
Cedar's Columnists
02-25 1640
关于tbody的用法
Cedar's Columnists
04-15 994
表格的分组显示(Structured Table) （IExplore Only）   1）按行分组   ... -表的题头(Header) ... - 表的正文(Body) ... - 表的脚注(Footer)   例： FoodDrinkSweet ABCDEF   2）按列分组  
点击加一或减一
Cedar's Columnists
08-03 946
function $(id){ return document.getElementById(id); } function add(s,t){ $("soojs.com").value=parseInt(s)+t; }
HTML Head 参数详解
Cedar's Columnists
05-27 941
Java代码 head区是指首页HTML代码的和之间的内容。     必须加入的标签     1.公司版权注释     06/2006 --->     2.网页显示字符集     简体中文："Content-Type" CONTENT="text/h
Android自定义ScrollView实现背景图片滑动特效代码解析
文章首先介绍了背景：开发者参考了多米音乐的“都市知道”界面，这种上下滑动的设计在当时被视为一种“情怀”或“情味”元素，但实际上是提升用户互动的一种手段。作者提到，为了在众多应用中脱颖而出，开发者需要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值