收缩框架

最新推荐文章于 2022-02-23 15:02:25 发布

原创最新推荐文章于 2022-02-23 15:02:25 发布 · 718 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#框架 #class #c

DHTML 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现网页布局动态调整的方法。通过修改frameset的rows和cols属性，可以轻松调整不同区域的大小，同时提供了友好的用户交互体验。

AI 时代程序员必备技能

Codex、Claude Code、Cursor、Hermes Agent、OpenClaw等工程化实战专栏，讲透 AI 如何接管脏活累活

一键订阅

<frameset rows="50,*" id=a>
<frame src="about:" noresize scrolling="no">
<frameset cols="200,*" id=b>
  <frame src='about:
  <style>
  .pt {cursor:hand; font-family: webdings; font-size: 7pt; background-color:#9c3ca5; color:#ffffff;}
  </style>
  <script>
  var tops1="50,*", tops2="0,*", lefts1="200,*", lefts2="15,*";
  var top=parent.document.all("a");
  var left=parent.document.all("b");
  </script>
  <body style="margin:0px">
  <span class=pt id=pttop onclick="top.rows=top.rows!=tops1?tops1:tops2;pttop.innerText=pttop.innerText!=5?5:6;">5</span><br>
  <span class=pt id=ptleft onclick="left.cols=left.cols!=lefts1?lefts1:lefts2;ptleft.innerText=ptleft.innerText!=3?3:4;"">4</span>
  </body>
  '>
  <frame src="about:">
</frameset>
</frameset>

AI 时代程序员必备技能

Codex、Claude Code、Cursor、Hermes Agent、OpenClaw等工程化实战专栏，讲透 AI 如何接管脏活累活

一键订阅