본문 바로가기

Javascript

확대 축소

<script>
var zoomSize = 100;
function zoom(Obj,Method)
{
    if(Method == "in")
    {
        zoomSize = eval(zoomSize + 10);
    }
    else if(Method == "out")
    {
        if(zoomSize > 10)
        {
        zoomSize = eval(zoomSize - 10);
        }
    }
    else if(Method == "reset")
    {
        zoomSize = 100;
    }
    document.all(Obj).style.zoom = zoomSize + "%";
}
</script>

<body>
<table cellpadding=0 cellspacing=1 border=0>
    <tr>
        <td colspan=2>
        <button onclick="zoom('b1','reset');" style="width:51px">원본</button>
        </td>
    </tr>
    <tr>
        <td>
        <button onclick="zoom('b1','in');" style="width:25px">+</button>
        </td>
        <td>
        <button onclick="zoom('b1','out');" style="width:25px">-</button>
        </td>
    </tr>
</table>
<div id="b1">버튼누르면 요부분이 확대되요</div>
</body>

'Javascript' 카테고리의 다른 글

천단위 콤마  (0) 2009.05.20
배열값 입력.  (0) 2009.05.20
확대 축소  (0) 2009.05.20
즐겨찾기  (0) 2009.05.20
인풋박스 글자 수 체크  (0) 2009.05.20
복사하기  (0) 2009.05.20