글자 사이즈를 +를 누르면 커지고 -누르면 축소되는 스크립트 소스
<!-- 스크립트의 위치는 별 문제가 안되겠지만 head 태그내에 위치시키는게 정석입니다-->
<script>
defsize = 12; //기본 크기 설정
document.write("<sty"+"le> td { font-size : " + defsize + "pt; } </st"+"yle>"); //기본 크기 적용
function zoom_it(n) { //zoom_it 함수 => n 만큼 양수는 글꼴을 크게 음수는 작게
defsize+=n; //기본 크기(defsize)에 n을 더해서 defsize에 저장
objs = document.getElementsByTagName("td"); //td태그들을 모조리 objs에 저장
for(i=0;i<objs.length;i++) //objs에 저장된 td태그들의 각각의 스타일의 글꼴크기 설정
objs[i].style.fontSize=defsize + "pt"; //fontSize는 단위를 입력해 줘야 함. pt , px 등
}
</script>
<table>
<tr><td>커진다 커진다 td></tr>
<tr><td>글자크게하기</td></tr>
</table>
<!-- 플러스(+)버튼 클릭시(onClick속성) 위에 정의된 zoom_it 함수를 인수 1을 넣어 실행 하면 위에 주석내용과 같이 모든 td태그의 스타일의 글꼴크기를 기본 크기에 1을 더한 값으로 설정 마찬가지로 마이너스(-)버튼 클릭시에는 1을 뺀 값으로 크기를 설정함 -->
<input type="button" value="+" onClick="zoom_it(1)">
<input type="button" value="-" onClick="zoom_it(-1)">