elu的程市手札

jquery

<script>
$(document).ready(function(){
    $('.fontSizeToBig').click(function() {
        $(".modal-body").css('font-size',"30px");
    });
    $('.fontSizeBig').click(function() {
        $(".modal-body").css('font-size',"20px");
    });
    $('.fontSizePreset').click(function() {
        $(".modal-body").css('font-size',"14px");
    });    
});
</script>

按鈕部分

<div style="float: right;">字型:

　<button type="button" style="font-size:15px;font-weight: bold;" class="btn btn-xs fontSizePreset">預設 </button>

　<button type="button" style="font-size:15px;font-weight: bold;" class="btn btn-xs fontSizeBig">中 </button>

　<button type="button" style="font-size:15px;font-weight: bold;" class="btn btn-xs fontSizeToBig" >大 </button>

</div>

要改變的內容部分

<div class="modal-body" id="modal-body">
　<p>內容：<?php echo $bb2['content'];?></p>
</div>