js每次按钮图片宽增加
<img id="btn1" src="img/butten1.png" alt="">
<img id="btn2" src="img/butten3.png" alt=""> //每次点击这个图片,所有图片宽高增加
<img id="btn3" src="img/butten4.png" alt=""> //每次点击这个图片,所有图片宽高减少size.onclick=function() {
}
size2.onclick=function(){
}
后面就不会写了....因为是初学,所以请教大佬帮助
<!doctype html><html lang="en"><head> <meta charset="UTF-8"></head><body><img src="6.jpg"><script> var flag = true,//状态true为正常的状态,false为放大的状态 imgH,//图片的高度 imgW,//图片的宽度 img = document.getElementsByTagName('img')[0];//图片元素 img.onclick = function(){ //图片点击事件 imgH = img.height; //获取图片的高度 imgW = img.width; //获取图片的宽度 if(flag){ //图片为正常状态,设置图片宽高为现在宽高的2倍 flag = false;//把状态设为放大状态 img.height = imgH*2; img.width = imgW*2; }else{ //图片为放大状态,设置图片宽高为现在宽高的二分之一 flag = true;//把状态设为正常状态 img.height = imgH/2; img.width = imgW/2; } } </script></body></html>能够写就算不错了,完全看不懂。
上一篇:荒野行动pc端键盘没反应
热门标签: