首页 > 代码库 > 点击按钮放大或缩小图片
点击按钮放大或缩小图片
<!doctype html><html lang="en"><head> <meta charset="UTF-8"></head><body><img src="http://www.mamicode.com/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>
点击按钮放大或缩小图片
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。