当前位置：软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS实现页面随窗口的改变而改变

JS实现页面随窗口的改变而改变

2012/11/3 16:05:23作者：佚名来源：网络

移动端

【实例名称】

JS实现页面随窗口的改变而改变

【实例描述】

当窗口改变时，页面随着窗口的改变而改变，这是页面设计的关键。本例学习如何实现这种设计。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧（www.xue51.com）</title>
<style>body{margin:0px;}table{border-collapse:collapse;}</style>
</head>
<body>
<table width="100%" height="100%" border="3" bgcolor="gray" bordercolor="red">
      <tr>
           <td>测试页面的改变1</td><td>测试页面的改变2</td>
      </tr>
</table></body>
</html>

【运行效果】

页面随窗口的改变而改变运行效果

【难点剖析】

本例的重点是表格的宽度和高度的设置。将宽度和高度设置为百分比的形式，表示表格占当前窗口的比例。如果设置高度为80%，则不管窗口如何改变，表格的高度永远占窗口的80%，这样就实现了表格随窗口改变而改变的功能。

【源码下载】

为了JS代码的准确性，请点击：页面随窗口的改变而改变进行本实例源码下载

标签：窗口

上一篇：JS实现设置新打开的窗口为活动窗口
下一篇：JS实现幻灯片式弹出窗口

相关文章

热门软件/ 推荐游戏/ 手机软件

资讯分类

Dreamweaver Flash DIV+CSS 编程其他

推荐教程

精品软件推荐

360安全卫士

讯飞输入法