javascript 에서 구현 한 마우스 롤러 크기 조정 코드

code below:

 
/*! 
*author:sohighthesky 
*blog:http://www.cnblogs.com/sohighthesky 
*date:2010-2-4 
*/ 
var zooming=function(e){ 
e=window.event ||e; 
var o=this,data=e.wheelDelta || e.detail*40,zoom,size; 
if(!+'\v1'){ 
zoom = parseInt(o.style.zoom) || 100; 
zoom += data / 12; 
if(zoom > zooming.min) 
o.style.zoom = zoom + '%'; 
}else { 
size=o.getAttribute("_zoomsize").split(","); 
zoom=parseInt(o.getAttribute("_zoom")) ||100; 
zoom+=data/12; 
if(zoom>zooming.min){ 
o.setAttribute("_zoom",zoom); 
o.style.width=size[0]*zoom/100+"px"; 
o.style.height=size[1]*zoom/100+"px"; 
} 
} 
}; 
zooming.add=function(obj,min){//              ，min          ,default to 50 
zooming.min=min || 50; 
obj.onmousewheel=zooming; 
if(/a/[-1]=='a')//if Firefox 
obj.addEventListener("DOMMouseScroll",zooming,false); 
if(-[1,]){//if not IE 
obj.setAttribute("_zoomsize",obj.offsetWidth+","+obj.offsetHeight); 
} 
}; 

window.onload=function(){//  onload ，   ie             
zooming.add(document.getElementById("testimg1")); 
}

데모 코드마우스 스크롤 크기 조정 그림

기본 최소 크기 는 원본 그림 의 50%

우리

(function(){/*!*Author:sohighthesky *blog:http://www.cnblogs.com/sohighthesky *date:2010-2-4 */ var zooming=function(e){ e=window.event ||e; var o=this,data=e.wheelDelta || e.detail*40,zoom,size; if(!+'\v1'){//IE zoom = parseInt(o.style.zoom) || 100; zoom += data / 12; if(zoom > zooming.min) o.style.zoom = zoom + '%'; }else { size=o.getAttribute("_zoomsize").split(","); zoom=parseInt(o.getAttribute("_zoom")) ||100; zoom+=data/12; if(zoom>zooming.min){ o.setAttribute("_zoom",zoom); o.style.width=size[0]*zoom/100+"px"; o.style.height=size[1]*zoom/100+"px"; } } }; zooming.add=function(obj,min){/첫 번 째 매개 변 수 는 크기 를 조정 할 수 있 는 그림 을 지정 합 니 다.min 은 최소 크기 를 지정 합 니 다.default to 50 zooming.min=min|50;obj.onmousewheel=zooming; if(/a/[-1]=='a')//if Firefox obj.addEventListener("DOMMouseScroll",zooming,false); if(-[1,]){//if not IE obj.setAttribute("_zoomsize",obj.offsetWidth+","+obj.offsetHeight); } }; window.onload=function(){//onload 에 두 지 않 으 면 ie 가 아 닌 그림 크기 를 계산 할 수 없습니다.script>[Ctrl+A 전체 선택:引入外部Js需再刷新一下页面才能执行]ps:이 페이지 에 스크롤 바 가 있 기 때문에 페이지 에 직접 놓 으 면 그림 대신 페이지 를 스크롤 합 니 다.해결 방법 이 있 는 지 모 르 겠 습 니 다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

java 그림 크기 조정 전체 화면 채우기

안드로이드에서는 서로 다른 픽셀폰의 다양화 때문에 한 장의 사진에 대해 서로 다른 픽셀을 확대하면 픽셀에 따라 디스플레이가 달라진다. 현재 다음과 같은 요구가 있습니다. 그림 한 장의 폭을 전체 화면으로 가득 채우고...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

javascript 에서 구현 한 마우스 롤러 크기 조정 코드

좋은 웹페이지 즐겨찾기