js基础:window.resizeBy()方法使用示例

2016-02-19 16:17 12 1 收藏

下面图老师小编跟大家分享一个简单易学的js基础:window.resizeBy()方法使用示例教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

【 tulaoshi.com - Web开发 】

  (一).示例图片效果

  

  (二).代码

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

html
head
titlewindow.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=lightgreenfont 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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1611557.html

延伸阅读
标签: 电脑入门
方法1: 运行 gpedit ; 打开后,选择 "计算机配置"; 选择 "WINDOWS设置" = "安全设置" = "软件限制策略" ; 选中 "其他规则" = 点右键 "新散列规则" ; 浏览目录,指向你的软件安装程序。选择 "不允许的" ; 这样你所指向的程序就不能安装或使用了,就算它改名,也照...
标签: Web开发
大家知道,在js里encodeURIComponent 方法是一个比较常用的编码方法,但因工作需要,在asp里需用到此方法,查了好多资料,没有很好的方法,最后用了下面这个方法,基本解决了问题。 % Function aspEncodeURIComponent(sStr)     aspEncodeURIComponent = myEncodeURIComponent(sStr) % script languag...
标签: Web开发
作者:norika 整理日期:2004年6月17日 基本介绍: showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。 window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。 使用方法: vReturnValue&...
标签: Web开发
复制代码代码如下: !DOCTYPE HTML html head meta charset="UTF-8" titleHTML5示例/title style type="text/css" #container{border:1px solid #ccc;width:800px;height:600px;position:relative;} canvas{position:absolute;top:0px;left:0px;z-index:1;} /style /head body select id="tools" option value="pen"铅笔/option op...
标签: Web开发
以下是index.html: %@LANGUAGE="VBSCRIPT" CODEPAGE="65001"% !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" / titlePROTOTYPE POST/...

经验教程

161

收藏

85
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部