js 控制文章中字体的大小，mootools实现

来源：互联网发布：向往的生活知乎编辑：程序博客网时间：2024/06/06 16:52

文中字体要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>

3 0