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

<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>