[置顶] js 控制文章中字体的大小，mootools实现

文中字体要12、14、16号中选择：

 

<span class="zh">字号：<b class="change-font">12</b><b class="change-font">14</b><b  class="change-font">16</b></span>

 

<style type="text/css">
    .font_size{font-weight:bold;margin-right:5px;font-size:14px;}
    .change-font{margin-right:5px;}
</style>

 

<script type="text/javascript">
    window.addEvent('domready',function(){
        var a = $('dx_wenzhang');        
        $$('.change-font').each(function(item){
            item.addEvent('click',function(){
                $$('.change-font').removeClass('font_size');                                                                                                              a.getElements('p').setStyles({'font-size':this.innerHTML+'px','text-indent':'1em','line-height':(parseInt(this.innerHTML)+12)+'px'});
                this.addClass('font_size');
            })
        })
    })
</script>

 <div class="dx_wenzhang" >

<p>文章内容 </p>
</div>