XE XE 제목, 본문 텍스트 확대/축소 버튼

2013.09.12 17:32

juro 조회 수:1072

<script language="javascript">
        //폰트 크기 조정 기능
        function ft_size_down(){
                //제목줄 조정하기 초기값 30px 최소 25까지만..
                var font_h1 = $('.read_header h1').css('font-size');
                var font_body = $('.xe_content p').css('font-size');
                //문자열 자르기
                var ft_h1_split = font_h1.split('p');
                var sz_now1 = parseInt(ft_h1_split[0]);
                //body
                var ft_bd_split = font_body.split('p');
                var sz_now2 = parseInt(ft_bd_split[0]);
                //값 빼기
                var sz_now = sz_now1-1;
                var sz_bd = sz_now2-1;
                if(sz_now > 24){
                        $('.read_header h1').css('font-size',sz_now);
                        if(sz_now < 40){
                                //제목줄 크기가 40이상일 경우, 행간 조정하기
                                $('.read_header h1').css('line-height','40px');        
                                $('.xe_content p').css('line-height','20px');        
                        }
                        if(sz_bd > 10){
                                //본문 폰트 9이하일때는 안줄어들게..
                                $('.xe_content p').css('font-size',sz_bd);
                        }
                }else{
                        alert('최소값입니다.');
                }
        }
        function ft_size_up(){
                //제목줄 조정하기 초기값 30px 최소 25까지만..
                var font_h1 = $('.read_header h1').css('font-size');
                var font_body = $('.xe_content p').css('font-size');
                //문자열 자르기
                //h1
                var ft_h1_split = font_h1.split('p');
                var sz_now1 = parseInt(ft_h1_split[0]);
                //body
                var ft_bd_split = font_body.split('p');
                var sz_now2 = parseInt(ft_bd_split[0]);
                //값 더하기
                var sz_now = sz_now1+1;
                var sz_bd = sz_now2+1;
                if(sz_now < 60){
                        $('.read_header h1').css('font-size',sz_now);
                        $('.xe_content p').css('font-size',sz_bd);
                        if(sz_now > 40){
                                $('.read_header h1').css('line-height','60px');        
                                $('.xe_content p').css('line-height','40px');        
                        }
                }else{
                        alert('최대값입니다.');
                }
        }
</script>

<a href="javascript:ft_size_down();"><img src="/img/font_size_down.jpg" width="50px"></a>  
<a href="javascript:ft_size_up();"><img src="/img/font_size_up.jpg" width="50px"></a>

© juroweb 2003-2014. All rights reserved
log in