Thursday, February 6, 2014

jQuery Increase Decrease Font Size of Website Dynamically.

<script type="text/javascript">
        $(document).ready(function() {
            var divtxt = $('#fontdiv');
            // Increase Font Size
            $('#btnincfont').click(function() {
                var curSize = divtxt.css('fontSize');
                var newSize = parseInt(curSize.replace("px", "")) + 1;
                $(divtxt).css("fontSize", newSize + "px");
            });
            // Decrease Font Size
            $('#btndecfont').click(function() {
                var curSize = divtxt.css('fontSize');
                var newSize = parseInt(curSize.replace("px", "")) - 1;
                $(divtxt).css("fontSize", newSize + "px");
            })
        });

    </script>





<div id="fontdiv">
           . . .
           . . .
           . . .
</div>
<br />
<input type="button" id="btnincfont" value=" + " />
<input type="button" id="btndecfont" value=" - " />

No comments:

Post a Comment