본문 바로가기

IT

[Javascript/Font] 폰트 확대.축소 스크립트。

 

//================== HTML코드 ===================//

<a href="#" title="+" onclick="FontPlus('content_main');" > 확대 </a>

<a href="#" title="+" onclick="FontMinus('content_main');" > 축소 </a>

//================== 자바스크립트 코드 ===================//

//폰트확대 
function FontPlus(uid) {
    var l = document.getElementById(uid);
    var nSize = l.style.fontSize ? l.style.fontSize : '12pt';
    var iSize = parseInt(nSize.replace('pt'''));
 
    if (iSize < 20) {
        l.style.fontSize = (iSize + 1) + 'pt';
        l.style.lineHeight = '140%';
    }
}
//폰트축소 
function FontMinus(uid) {
    var l = document.getElementById(uid);
    var nSize = l.style.fontSize ? l.style.fontSize : '12pt';
    var iSize = parseInt(nSize.replace('pt'''));
 
    if (iSize > 6) {
        l.style.fontSize = (iSize - 1) + 'pt';
        l.style.lineHeight = '140%';
    }
}