当前第2页 返回上一页
JavaScript改变图片大小
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <!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);
}
</script>
</head>
<body bgcolor= "aqua" >
<img src= "myImages/5.jpg" name= "oPic" width= "100" >
<!--放在当前目录下的图片-->
</body>
</html>
|
推荐学习:《javascript高级教程》
以上就是JavaScript怎么设置图片大小的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
javascript预编译做了啥
详解6个不同级别的组件可重用性概念
javascript中如何加入超链接
javascript怎样格式化
详解js中的window.location对象(备忘单)
javascript数组遍历的6种方法比较
javascript怎么实现页面关闭
如何更新javascript中的cookie?(代码示例)
javascript怎么判断是否是字符串
html5多线程javascript解决方案web worker-专用worker和共享worker的详细代码介绍
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » JavaScript怎么设置图片大小