⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 ch4-047.html

📁 javascript demo thanks please
💻 HTML
字号:
<HTML>
<HEAD>
<TITLE>图形篇--定制大小</TITLE>
</HEAD>

<BODY bgcolor="#fef4d2" background="../images/background7.jpg" >
<br>
<br>
<center>
<font color="ffaafa">
  <h2><font color="#FF0000">图形篇--定制大小</font></h2>
  </font> 
  <hr width=300>
<br><br>

<!-- 案例代码1开始 -->

<script language="JavaScript">

function ViewImage(form) {
ix = form.width.value;
iy = form.height.value;
ifile = form.url.value;
NS = (document.layers) ? 1 : 0;
localurl = ifile.indexOf('http://') == -1;
if (NS && localurl) ifile = "file:///" + ifile;
var win = window.open("","","width="+ix+",height="+iy+",menubar=no,toolbar=no,top=100,left=100");
if (NS) {var sWidth = win.innerWidth;var sHeight = win.innerHeight;} 
else {var sWidth = win.document.body.clientWidth;var sHeight = win.document.body.clientHeight;}

win.document.open();
win.document.write("<html><head></head><body onBlur=this.close();>");
win.document.write('<div style="position:absolute;width:'+ix+'px;height:'+iy+'px;left:0px;top:0px">');
win.document.write("<img src="+ifile+" width=" + ix + " height=" + iy + "></div></body></html>");
win.document.close();
}

</script>

<!-- 案例代码1结束 -->


<!-- 案例代码2开始 -->

<form name=imageform>
<!-- [Step1]: 这里可以更改地址栏的列长度 -->
   <input name=url type=file size=30>
   <p>
<!-- [step2]: 在此能够修改高度或者宽度的初始值 -->
<!-- [Step3]: 这里可以更改高度栏或者宽度栏的列长度 -->
       高度: <input name=height type=text value="200" size=3>
       宽度: <input name=width  type=text value="200" size=3>
   <input type=button value="欣 赏" onClick="ViewImage(this.form);">
</form>

<!-- 案例代码2结束 -->


</center></BODY>

</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -