互联网观察 网站建设 网站运营 网上创业 电子商务 建站软件 建站软件教程 网站开发 网页制作 收藏本站
建站常识 | 域名 | 主机 | 网上开店 | 搜索引擎优化 | 网站推广 | 网络赚钱 | 站长经验 | 个人建站 | 网站设计 | 网页特效 | wap网站

window.resizeBy()方法使用示例

(一).示例图片效果

(二).代码
<html>
<head>
<title>window.resizeBy()函数</title>
<script laguage="javascript">
<!--
function resizewin(dir,dist)
{
var winvert;
var winhorz;
if (dir == "vert"){
winhorz=0;
winvert=dist;
}
else{
winvert=0;
winhorz=dist;
}
window.resizeBy(winhorz,winvert);
}
//-->
</script>
</head>
<body bgcolor="#6699FF" text="#000000">
<form>
<table border=0 align=center width="285">
<tr>
<td colspan=4 align=center bgcolor=lightgreen><font color=blue size=3>点击按钮操作</font></td>
</tr>
<tr>
<td>
<input type=button value="纵向加" onclick=resizewin("vert",10) style="background-color:lightblue;">
</td>
<td>
<input type=button value="纵向减" onclick=resizewin("vert",-10) style="background-color:lightblue;">
</td>
<td>
<input type=button value="水平加" onclick=resizewin("horz",10) style="background-color:lightblue;">
</td>
<td>
<input type=button value="水平减" onclick=resizewin("horz",-10) style="background-color:lightblue;">
</td>
</tr>
</table>
</form>
</body>
</html>





上一篇:windows.ResizeTo()方法使用示例
下一篇:window.scrollTo()方法使用示例
相关分类
网页制作 (4121)
  html教程 (591)
  css教程 (546)
  Dreamweaver教程 (1006)
  JavaScript教程 (834)
  网页制作技巧 (378)
  网页特效 (766)
 



版权所有 Copyright© 2006 黑马建站宝典 联系方式:heima123#gmail.com