ch4-052.html

来自「javascript教程下部分」· HTML 代码 · 共 48 行

HTML
48 行
字号 
<HTML>
<HEAD>
<TITLE>图形篇--变形扭曲</TITLE>
</HEAD>

<BODY bgcolor="#fef4d2" onload=DistortPicture()>

<br><br>
<center>
<h2>图形篇--变形扭曲</h2>
<hr width=300>
<br>

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

<script language=JavaScript>

var i = 1;
var j = true;

function DistortPicture(){
if(document.all)
if(j == true)  {i++;         }
if(i == 100)   {i--;j = false}
if(i == 10)    {i++;j = true }
if(j == false) {i--;         }
Picture.width =150 + i;
Picture.height=100 - i;
setTimeout("DistortPicture()",60);
}

</script>

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


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

<!-- [Step1]: 在此可以设置欲扭曲的图形 -->
<!-- [Step2]: 这里能够更改图形的边界框 -->
<img src="Picture001.jpg"  name="Picture" border=2 width="381" height="356" >

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


</BODY>

</HTML>

ch4-052.html - 源码说明

本页面展示了「javascript教程下部分」中的 ch4-052.html 源码文件，采用 HTML 编程语言编写，共 48 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与javascript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

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