JS特效：适合拉伸变形的图片


一款JavaScript特效：适合拉伸变形的图片，适合变开，图片的长宽都发生变化，变化的幅度可以调节，每天减少的变形量、增加的变形量都可以根据自己的需要调整。是不是很酷？

答案：<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>变形的图片</title>
</head>
<body onLoad="scale()">
<a href=# target="new"><img src="/jscss/demoimg/wall9.jpg" name="u" border="0" alt="是不是很酷？"></a>
<script language="JavaScript">
var plus = 1;   			//变形量
var winc = true;			//当前变形的方式，为true时代表宽度增加。
function scale(){   
if(winc == true) {   
plus++;   
}   
if(plus==100) {   
plus--;   				//减小变形量
winc = false   
}   
if(plus==10) {   
plus++;   				//增加变形量
winc = true;   
}   
if(winc == false) {   
plus--;   
}   
u.width=250 + plus;   		//改变图片宽度
u.height=200 - plus;   		//改变图片高度
setTimeout("scale()",50);   	//设定下一次变形的延时
}
</script>
</body>
</html>

上一个：Js图片切换特效中的左右箭头功能实现代码
下一个：一个横向滑动的图片切换容器代码

更多图片编程知识: