下面图老师小编跟大家分享一个简单易学的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/n/20160219/1611557.html
看过《js基础:window.resizeBy()方法使用示例》的人还看了以下文章 更多>>