[置顶] 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" id="dx_wenzhang">



<p>文章内容 </p>

</div>