JS 플래시 애니메이션 확대/축소 용기

확대 축소 용기

제목

작은 용기

제목

큰 용기

function getDefaultStyle(obj,attribute){return obj.currentStyle?obj.currentStyle[attribute]:document.defaultView.getComputedStyle(obj,false)[attribute];}function pr_box(id,e){ clearInterval(document.getElementById(id).maxmin); var obj=document.getElementById(id); var cfont=getDefaultStyle(obj,"fontSize");// 기본 크기 가 져 오기:첨부 된 단위 var cp=cfont.replace(/[0-9]|[\.]/g,");/기본 단위 var fsize=parseFloat(cfont)가 져 오기;/기본 크기 값 var s=10 가 져 오기;/운동 속도 if(!obj.fsizeTmpe){/기본 크기 수 치 를 저장 합 니 다 obj.fsizeTmpe=fsize;}if(!obj font){//현재 크기 를 설정 하지 않 으 면 기본 크기 obj.style.fontSize=cfont;}을 부여 합 니 다.var e = obj.fsizeTmpe*e/100;// 변경 할 크기 값 var objectfont=parseFloat(obj.style.fontSize);/현재 크기 if(e obj.fsizeTmpe){obj.maxmin = setInterval(function(){pr_max(obj,e,cp)},s);} if(e == obj.fsizeTmpe){ if(objfont < obj.fsizeTmpe){ obj.maxmin = setInterval(function(){pr_max(obj,obj.fsizeTmpe,cp)},s); } if(objfont > obj.fsizeTmpe){ obj.maxmin = setInterval(function(){pr_min(obj,obj.fsizeTmpe,cp)},s); } } } function pr_max(obj,e,cp){ if(!obj.fs){ obj.fs=obj.style.fontSize; } var objfont=parseFloat(obj.fs); if(e>objectfont){//document.getElement ById("text").innerHTML+="확대-원시 값:"+objectfont+"+부가 가치:"+e/10+"
";obj.fs = objfont+e/10+cp; obj.style.fontSize = obj.fs; } else if(e < objfont){ obj.fs = e+cp; obj.style.fontSize = obj.fs; } else{clearInterval(obj.maxmin);} } function pr_min(obj,e,cp){ if(!obj.fs){ obj.fs=obj.style.fontSize; } var objfont=parseFloat(obj.fs); if(e";obj.fs = objfont-e/10+cp; obj.style.fontSize = obj.fs; } else if(e > objfont){ obj.fs = e+cp; obj.style.fontSize = obj.fs; } else{clearInterval(obj.maxmin);} }
[Ctrl+A 선택:외부 Js 를 도입 하려 면 페이지 를 새로 고침 해 야 실행 할 수 있 습 니 다.]

좋은 웹페이지 즐겨찾기