html 图片缩进，获取缩进后的长和宽。

最新推荐文章于 2021-06-04 04:00:37 发布

sunjs技术客""

最新推荐文章于 2021-06-04 04:00:37 发布

阅读量2.5k

点赞数

分类专栏： web前端文章标签： html function javascript image div

本文链接：https://blog.csdn.net/kevon_sun/article/details/8005112

版权

web前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

图片缩进，获取缩进后的长和宽。

<HTML> 
<HEAD> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<TITLE>onMouseWheel</TITLE> 
<SCRIPT> 
var count = 10; 
function Picture() { 
count = Counting(count); 
Resize(count); 
aaa();
return false; 
} 
function Counting(count){ 
 if (event.wheelDelta >= 120) 
  count++; 
 else if (event.wheelDelta <= -120) 
 count--; 
 return count; 
} 
function Resize(count){ 
 oImage.style.zoom = count + '0%'; 
 oCounter.innerText = count + '0%'; 
} 
</SCRIPT> 
<script language="javascript"> 
function aaa(){
 var pic = new Image();
 pic.οnlοad=function(){
	alert(this.width*(count/10));
 };
 pic.src = "aaa.gif";
}
</script> 
</HEAD> 
<BODY> 
<div align=center> 
<span style="font-weight:bold">Size = 
<span id="oCounter" style="color:red;">100%</span></span> 
<img id="oImage" src="aaa.gif" onmousewheel="return Picture();" > 
</div> 
</BODY> 
</HTML>

版权属于: 技术客
官方地址: http://www.sunjs.com
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。