📄 pictorqu.htm
字号:
<html>
<head>
<title>
不断扭曲的图片
</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#CCCCFF" onLoad="torque()">
<div align="center">
<img src="house.gif" name="u" border="0" alt="怎么样！" width="57" height="79">
<script language="JavaScript">
var b = 1;//高度和宽度的变化量
var c = true;//如果c==true，则变化的方向是往高度减少的方向，否则是往宽度减少的方向。
//扭曲效果函数
function torque()
{
if(document.all)//IE4.0以上版本
{
if(c == true) //如果是往高度减少的方向变化
{
b++;//则b增加
}
if(b==80) //如果b==80，则表明高度已经不能再减少，否则会影响图片的清晰度
{
b--;//此时图片的高度需要增加，于是b减少
c = false//c==false表示往宽度减少的方向
}
if(b==-100) //如果b==-100，则表明宽度已经不能再减少，否则会影响图片的清晰度
{
b++;//此时图片的宽度需要增加，于是b增加
c = true;//c==true表示往高度减少的方向
}
if(c == false) //如果目前的方向是往宽度减少的方向
{
b--;//则b减少
}
u.width=150 + b;//设置图片的宽度
u.height=125 - b;//设置图片的高度
setTimeout("torque()",50);//循环定时器
}
}
</script>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -