站长资讯网
最全最丰富的资讯网站

JavaScript怎么设置图片大小

JavaScript设置图片大小的方法:首先创建一个HTML示例文件;然后通过img引入图片;最后通过“setInterval(function warp(){…}”方法动态改变图片大小即可。

JavaScript怎么设置图片大小

本文操作环境:windows7系统、javascript1.8.5版,DELL G3电脑

JavaScript怎么设置图片大小?

JavaScript改变图片大小

<!DOCTYPE html>     <html>     <head>         <meta charset="UTF-8">         <title>动态改变图片大小</title>         <script language="JavaScript">             window.function () {                 var n=2;                 var r=1;                 var control=true;                 setInterval(function warp(){                     if(control==true){                         n++;                     }                     else{                         n--;                     }                     if(n==300)control=false;//                     if(n==1)control=true;                     if(control==true){                         oPic.width+=1;                         oPic.height+=1;                     }                     else{                         oPic.width-=1;                         oPic.height-=1;                     }                 },30);//每隔30毫秒调用一次warp函数             }         </script>     </head>     <body bgcolor="aqua">         <img  src="myImages/5.jpg" name="oPic"width="100">     <!--放在当前目录下的图片-->     </body> </html>

JavaScript怎么设置图片大小

推荐学习:《javascript高级教程》

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号