两种情况的splitter

论坛 期权论坛     
选择匿名的用户   2021-5-22 22:13   41   0
<div class="blogpost-body" id="cnblogs_post_body">
<p>第一种:所有内容都在一个页面,其中左面导航或操作,右面是展示</p>
<div class="cnblogs_code">
  <img align="top" alt="ContractedBlock.gif" height="16" id="Code_Closed_Image_110847" src="https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-9310e85a14af99de4811ff4c77f1f911.gif" width="11">
  <img align="top" alt="ExpandedBlockStart.gif" height="16" id="Code_Open_Image_110847" src="https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-24a924a57ba6b3f2b51fc9edb7ea4186.gif" width="11">
  <span class="cnblogs_code_Collapse" id="Code_Closed_Text_110847">Code</span>
  <span id="Code_Open_Text_110847"><br><span style="color:#0000ff;">&lt;</span><span style="color:#800000;">table </span><span style="color:#ff0000;">style</span><span style="color:#0000ff;">&#61;&#34;width: 100%; height: 100%;&#34;</span><span style="color:#ff0000;"> cellspacing</span><span style="color:#0000ff;">&#61;&#34;0&#34;</span><span style="color:#ff0000;"> cellpadding</span><span style="color:#0000ff;">&#61;&#34;0&#34;</span><span style="color:#ff0000;"> border</span><span style="color:#0000ff;">&#61;&#34;0&#34;</span><span style="color:#0000ff;">&gt;</span><span style="color:#000000;"><br>                 </span><span style="color:#0000ff;">&lt;</span><span style="color:#800000;">tr</span><span style="color:#0000ff;">&gt;</span><span style="color:#000000;"><br>                     </span><span style="color:#0000ff;">&lt;</span><span style="color:#800000;">td </span><span style="color:#ff0000;">style</span><span style="color:#0000ff;">&#61;&#34;width: 130px; height: 100%;&#34;</span><span style="color:#ff0000;"> align</span><span style="color:#0000ff;">&#61;&#34;left&#34;</span><span style="color:#ff0000;"> valign</span><span style="color:#0000ff;">&#61;&#34;top&#34;</span><span style="color:#ff0000;"> class</span><span style="color:#0000ff;">&#61;&#34;divbg_1&#34;</span><span style="color:#0000ff;">&gt;</span><span style="color:#000000;"><br>                         </span><span style="color:#0000ff;">&lt;</span><span style="color:#800000;">div </span><span style="color:#ff0000;">id</span><span style="color:#0000ff;">&#61;&#34;divTreeView&#34;</span><span style="color:#ff0000;"> style</span><span style="color:#0000ff;">&#61;&#34;height: 100%; width: 130px; overflow: hidden;&#34;</span><span style="color:#0000ff;">&gt;</span><span style="color:#000000;"><br>                         </span><span style="color:#0000ff;">&lt;/</span><span style="color:#800000;">div</span><span style="color:#0000ff;">&gt;</span><span style="color:#000000;"><br>                     </span><span style="color:#0000ff;">&lt;/</span><span style="color:#800000;">td</span><span style="color:#0000ff;">&gt;</span><span style="color:#000000;"><br>                     </span><span style="color:#0000ff;">&lt;</span><span style="color:#800000;">td </span><span style="color:#ff0000;">style</span><span style="color:#0000ff;">&#61;&#34;width: 9px; background-image: url(images/menu/splitter_bg.gif); vertical-align: middle;&#34;</span><span style="color:#0000ff;">&gt;</span><span style="color:#000000;"><br>                         </span><span style="color:#0000ff;">&lt;</span><span style="color:#800000;">div </span><span style="color:#ff0000;">id</span><span style="color:#0000ff;">&#61;&#34;divLeft&#34;</span><span style="color:#ff0000;"> style</span><span style="color:#0000ff;">&#61;&#34;width: 9px; height: 79px; background-image: url(images/menu/splitter_l.gif);<br>                             cursor: hand;&#34;</span><span style="color:#ff0000;"> onclick</span><span style="color:#0000ff;">&#61;&#34;split(0)&#34;</span><span style="color:#ff0000;"> title</span><span style="color:#0000ff;">&#61;&#34;隐藏菜单&#34;</span><span style="color:#0000ff;">&gt;</span><span style="color:#000000;"><br>                         </span><span style="color:#0000ff;">&lt;/</span><span style="color:#800000;">div</span><span style="color:#0000ff;">&gt;</span><span style="color:#000000;"><br>                         </span><span style="color:#0000ff;">&lt;</span><span style="color:#800000;">div </span><span style="color:#ff0000;">id</span><span style="color:#0000ff;">&#61;&#34;divRight&#34;</span><span style="color:#ff0000;"> style</span><span style="color:#0000ff;">&#61;&#34;display: none; width: 9px; height: 79px; background-image: url(images/menu/splitter_r.gif);<br>                             cursor: hand;&#34;</span><span style="color:#ff0000;"> onclick</span><span style="color:#0000ff;">&#61;&#34;split(1)&#34;</span><span style="color:#ff0000;"> title</span><span style="color:#0000ff;">&#61;&#34;显示菜单&#34;</span><span style="color:#0000ff;">&gt;</span><span style="color:#000000;"><br>                         </span><span style="color:#0000ff;">&lt;/</span><span style="color:#800000;">div</span><span style="color:#0000ff;">&gt;</span><span style="color:#000000;"><br>                     </span><span style="color:#0000ff;">&lt;/</span><span style="color:#800000;">td</span><span style="color:#0000ff;">&gt;</span><span style="color:#000000;"><br>                     </span><span style="color:#0000ff;">&lt;</span><span style="color:#800000;">td </span><span style="color:#ff0000;">style</span><span style="color:#0000ff;">&#61;&#34;background-color: White; width: 100%; height: 640px;&#34;</span><span style="color:#ff0000;"> valign</span><span style="color:#0000ff;">&#61;&#34;top&#34;</span><span style
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP