JavaScript怎么设置图片大小
导读:收集整理的这篇文章主要介绍了JavaScript怎么设置图片大小,觉得挺不错的,现在分享给大家,也给大家做个参考。JavaScript设置图片大小的方法:首先创建一个HTML示例文件;然后通过img引入图片;最后通过“setInterval...
收集整理的这篇文章主要介绍了JavaScript怎么设置图片大小,觉得挺不错的,现在分享给大家,也给大家做个参考。JavaScript设置图片大小的方法:首先创建一个HTML示例文件;然后通过img引入图片;最后通过“setInterval(function warp(){ ...} ”方法动态改变图片大小即可。
本文操作环境: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怎么设置图片大小的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: JavaScript怎么设置图片大小
本文地址: https://pptw.com/jishu/591739.html